It worked for me..

though, this part:

</xp:eventHandler>

how come when you look at the design - not the source, I don't see that in the all properties>on change area..

I had the exact same people when I pasted your code in.  I ended up deleting it and redoing.

I don't know why it's not showing.  Possibly it's because it's being pasted from the internet without going through a pure text editor like notepad first.  That's all I can think of.

I was thinking it would be in the onchange event formula area of the control.

The graphics appeared when I viewed the post from the notes client.  Not from Xpages.  Not sure what the deal is there.  I sent a note to IBM.

I've not really looked at the events inside all properties for something like that.  My first thought was it was for client side vs server side but I didn't see anything there.  I would ignore those I think. The only time I've ever really gone into all properties to manipuate an event is for "onComplete" type stuff I think.  You can get into trouble in there if you use the wrong editor.  Sometimes you need to type ssjs code not into the editor but into a pure text editor.  I forget what's going on there...

Anyway I do use all properties a lot... just not really for any events...

this code is a sample for a tabbed Table using dojo. It will eliminate the disadvantage of a Notes tabbed table.

<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core" dojoParseOnLoad="true">
    <xp:this.resources>
        <xp:dojoModule name="dijit.layout.ContentPane"></xp:dojoModule>
        <xp:dojoModule name="dijit.layout.SplitContainer"></xp:dojoModule>
        <xp:dojoModule name="dijit.layout.TabContainer"></xp:dojoModule>
    </xp:this.resources>

    <div id="mainTabContainer" dojoType="dijit.layout.TabContainer"
        style="padding-top:20px;padding-left:20px;width:400px;height:150px">
        <div id="tab1" dojoType="dijit.layout.ContentPane" title="Main"
            selected="true" closable="false">
            <xp:table style="width:100.0%" id="myTable">
                <xp:tr>
                    <xp:td style="width:150px">
                        <xp:label value="Leave Type:" id="leavetype_Label" for="leaveType"></xp:label>
                    </xp:td>

                    <xp:td>
                        <xp:comboBox id="leaveType">

                            <xp:selectItem itemLabel="Bereavement" itemValue="Bereavement">
                            </xp:selectItem>
                            <xp:selectItem itemLabel="Family Medical Leave Act"
                                itemValue="FMLA">
                            </xp:selectItem>
                            <xp:selectItem itemLabel="Floater Day" itemValue="Floater Day">
                            </xp:selectItem>
                            <xp:selectItem itemLabel="Jury Duty" itemValue="Jury Duty"></xp:selectItem>
                            <xp:selectItem itemLabel="Leave of Absence"
                                itemValue="Leave of Absence">
                            </xp:selectItem>
                            <xp:selectItem itemLabel="Flextime" itemValue="Flextime"></xp:selectItem>
                            <xp:selectItem itemLabel="Reserve Duty" itemValue="Reserve Duty">
                            </xp:selectItem>
                            <xp:selectItem itemLabel="Scheduled Sick Leave"
                                itemValue="Scheduled Sick Leave">
                            </xp:selectItem>
                            <xp:selectItem itemLabel="Short Term Disability"
                                itemValue="Short Term Disability">
                            </xp:selectItem>
                            <xp:selectItem itemLabel="Unscheduled Sick Leave"
                                itemValue="Unscheduled Sick Leave">
                            </xp:selectItem>
                            <xp:selectItem itemLabel="Vacation" itemValue="Vacation"></xp:selectItem>
                            <xp:eventHandler event="onchange" submit="true"
                                refreshMode="partial" refreshId="myTable">
                            </xp:eventHandler>
                        </xp:comboBox>
                    </xp:td>
                </xp:tr>
                <xp:tr>
                    <xp:this.rendered><![CDATA[#{javascript:getComponent('leaveType').getValue() == 'Short Term Disability'

}]]></xp:this.rendered>
                    <xp:td>
                        <xp:label value="Received Physician's Authorization Note?"
                            id="drNoteLabel">

                        </xp:label>
                    </xp:td>
                    <xp:td>

                        <xp:radioGroup id="note" defaultValue="No">

                            <xp:this.rendered><![CDATA[#{javascript:rendered="#{javascript:getComponent( 'leaveType').getValue() == 'Short Term Disability'}"}]]></xp:this.rendered>
                            <xp:selectItem itemLabel="Yes" itemValue="Yes">
                            </xp:selectItem>
                            <xp:selectItem itemLabel="No" itemValue="No">
                            </xp:selectItem>
                        </xp:radioGroup>
                    </xp:td>

                </xp:tr>
                <xp:tr>
                    <xp:td></xp:td>
                    <xp:td></xp:td>
                </xp:tr>


            </xp:table>
        </div>
        <div id="tab2" dojoType="dijit.layout.ContentPane" title="Approvals"
            closable="false">
            Approval stuff
        </div>

    </div>
</xp:view>
 

The pasted images should now be appearing correctly in the thread above.

good job, webmaster ;-)