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:
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