Visualforce - Beyond Basics Series 48 - Required field Help Text

How to give more emphasis on Required fields in form ?

Prevention is better than Cure. Most of the time users forget to fill in required fields in the form & realize than while saving the record.

How to prevent that ?

Giving a highlighted Help text through each section of the forms would give more emphasis on required fields. By doing so, user will fill some values & will never have any issues while saving the record.

Where is the Code ?

	<apex:page standardController="Opportunity">
	<style>
	.ReqHelpText {
	display : inline-block;
	width : 3px;
	background-color : #c00;
	}
	</style>
	<apex:form>
	<apex:pageblock >
	<apex:pageBlockSection collapsible="false" showHeader="true" title="Opportunity Section">
	<apex:facet name="header">
	<apex:outputPanel>
	<apex:outputPanel styleClass="ReqHelpText">&nbsp;</apex:outputPanel>
	<apex:outputText value="Fill Required Fields"/>
	</apex:outputPanel>
	</apex:facet>
	<apex:inputField value="{!Opportunity.Name}"/>
	</apex:pageBlockSection>
	</apex:pageblock>
	</apex:form>
	</apex:page>

view raw gistfile1.txt hosted with ❤ by GitHub

Any Screenshots ?

Walk through in a video ?