Displaying the Required Red Bar for a Control
November 16th, 2008
My Visualforce page uses a number of outputLabels and selectLists to create the functionality below. Setting the selectList’s required attribute makes the select’s value required but does not, by design, display the red bar next to the label. This is perfect is it does not lock developers into Salesforce.com’s look and feel. However, to actually display the required red bar, you have to add some extra code.
1 2 3 4 5 6 7 8 9 10 11 | <apex:pageBlockSectionItem > <apex:outputLabel value="Category 1" for="cbxlevel1"/> <apex:outputPanel styleClass="requiredInput" layout="block"> <apex:outputPanel styleClass="requiredBlock" layout="block"/> <apex:selectList value="{!selectedLevel1}" id="cbxlevel1" size="1" required="true"> <apex:selectOptions value="{!level1items}"/> <apex:actionSupport event="onchange" rerender="cbxlevel2"/> </apex:selectList> </apex:outputPanel> </apex:pageBlockSectionItem> |
Related posts:
- Displaying Validation Messages with Flex and Salesforce.com
- Developing Flex Applications for Force.com Sites
- Locking sObject Records
- Generate a Visualforce Page from an Existing Page Layout
- Stylesheet Bug with Visualforce
Categories: Salesforce, Visualforce
Great Tip, Thanks for sharing.
Exactly what I was looking for.
FYI.. Why do u make emails required, it is hard to post a comment.
thank you for this interesting post.