Cutest Firefox Poster Ever!
Travis just sent me this cutest Firefox poster!! Everyone should get one.
I was very enraged by the JSF tag
h:selectOneRadio
Because it renders the radio buttons with the TABLE tag @_@ instead of something CSS friendly like list or div tags.
Fortunately if you use the tomahawk’s version of
t:selectOneRadio
You can render the radio buttons your own way.
Orientation of the options list. Valid values are “pageDirection” for a vertical layout, “lineDirection” for horizontal, or “spread” for developer placement. The default value is “lineDirection”. If the “spread” option is selected, this tag does not render HTML. Instead, the developer uses “radio” tags to position radio buttons for each of the SelectItem instances. See the “radio” tag for further information.
Here's an example of the code to use layout="spread"
<t:selectOneRadio layout="spread" id="diversityGroup" value="#{vendorSurveyForm.vendorSurvey.diversityGroup}"
tabindex="#{tabCounter.firstTabIndex}" enabledOnUserRole="#{vendorSurveyForm.canEditSurveyRoles}">
</t:selectOneRadio>
<t:panelGrid rendered="#{!vendorSurveyForm.cannotEditSurvey}" columns="3" styleClass="diversityGroup radioCheckboxesContainer"
columnClasses="diversityGroup1, diversityGroup2, diversityGroup3">
<t:radio index="0" for="diversityGroup" />
<t:radio index="1" for="diversityGroup" />
<t:radio index="2" for="diversityGroup" />
<t:radio index="3" for="diversityGroup" />
<t:radio index="4" for="diversityGroup" />
<t:radio index="5" for="diversityGroup" />
<t:radio index="6" for="diversityGroup" />
</t:panelGrid>
Posted at 09:25AM Sep 20, 2007 by Ying Zhang in General | Comments[0]