Search This Blog

Tuesday, December 22, 2015

HelpText in Visualforce Page

HelpText in Visualforce Page

Example Code:
<apex:page standardController="Account">
    <style type="text/css">
        .imgclass:hover{
            background-image: url(/img/help/helpOrbs.gif);
            background-repeat: no-repeat;
            width: 16px;
            height: 15px;    
            background-position: right;
       }
        .imgclass{
            background-image: url(/img/help/helpOrbs.gif);
            background-repeat: no-repeat;
            width: 16px;
            height: 15px;
        }
    </style>
    <apex:form >
        <apex:pageBlock >
            <apex:pageBlockSection title="Enter Information">
                <apex:pageblockSectionItem >
                    <apex:outputPanel >
                        <apex:outputlabel value="Enter Account Name"/>                                        
                        <img src="/s.gif" Class="imgclass" title="Please Enter Account Name" />
                    </apex:outputPanel>
                    <apex:inputField value="{!Account.Name}"/>              
                </apex:pageblockSectionItem>
            </apex:pageBlockSection>
        </apex:pageBlock>
    </apex:form>    
</apex:page>
Output:


No comments:

Post a Comment