+ Start a Discussion
BManojKumarBManojKumar 

Increasing Help Text font in Visual Force Page

Hi All,

 

 

I have a visual force page to override the standard opportunity creation page for a particular recordtype. I want to increase the font size of the help text that appears when roll-over the help image for the fields in the page. The below is a part of my code in visual force page.

 

<apex:page StandardController="Opportunity" extensions="opportunityRedirect" showHeader="true">
 <apex:pageBlock title="Opportunity Edit" helpTitle="Help for this page" helpUrl="/help/doc/user_ed.jsp?loc=help&target=opp_edit.htm&section=Opportunities">
  <apex:form >
   <table>
   <tr><td colspan="7" align="center"><apex:commandButton action="{!save}" value="Save"/><apex:commandButton action="{!cancel}" value="Cancel"/></td></tr>
   <tr>
       <td align="right">Opportunity Name</td><td><span class="helpButton"><img class="helpOrb" style="background-position: right top" src="/s.gif" alt="{!$ObjectType.Opportunity.Fields.Name.inlineHelpText}"
           title="" /> </span> </td><td><apex:inputField required="true" value="{!Opportunity.Name}"/></td><td width="10%"></td>
       <td align="right">Close Date</td><td><span class="helpButton"><img class="helpOrb" style="background-position: right top" src="/s.gif" alt="{!$ObjectType.Opportunity.Fields.CloseDate.inlineHelpText}"
           title="" /> </span> </td><td><apex:inputField required="true" value="{!Opportunity.CloseDate}"/></td>
   </tr>
   <tr>.......

 

Please help me out to increase the font size of the help text as the standard help text font size.

 

Thanks

Manoj

Best Answer chosen by Admin (Salesforce Developers) 
BManojKumarBManojKumar

Hi All,

 

I found the way to fix it. Please see the updated code below.

 

 

<apex:page StandardController="Opportunity" extensions="opportunityRedirect" showHeader="true">
 <apex:pageBlock title="Opportunity Edit" helpTitle="Help for this page" helpUrl="/help/doc/user_ed.jsp?loc=help&target=opp_edit.htm&section=Opportunities">
  <apex:form >
   <table>
   <tr><td colspan="6" align="center"><apex:commandButton action="{!save}" value="Save"/><apex:commandButton action="{!cancel}" value="Cancel"/></td></tr>
   <tr><td bgcolor="DDBE15" colspan="6"><font color="white"><b>Opportunity Information</b></font></td></tr>
   <tr>
       <td class="labelCol"><span class="helpButton" id="Opportunity.Name-_help">Opportunity Name<img class="helpOrb" src="/s.gif" alt="" title=""/><script  type="text/javascript">sfdcPage.setHelp('Opportunity.Name', '{!$ObjectType.Opportunity.Fields.Name.inlineHelpText}');</script></span></td><td><apex:inputField required="true" value="{!Opportunity.Name}"/></td><td width="10%"></td>
       <td class="labelCol"><span class="helpButton" id="Opportunity.CloseDate-_help">Close Date<img class="helpOrb" src="/s.gif" alt="" title=""/><script  type="text/javascript">sfdcPage.setHelp('Opportunity.CloseDate', '{!$ObjectType.Opportunity.Fields.CloseDate.inlineHelpText}');</script></span></td><td><apex:inputField required="true" value="{!Opportunity.CloseDate}"/></td>
   </tr>.....

 

Thanks

Manoj.