+ Start a Discussion
Linda 98Linda 98 

Need help with help bubble on VF page

Hi ,

 

 

I am trying to get help bubble in VF page.

Helptext attribute is working fine but its not working if i say showheader=false.

 

How can i solve this.I dont want the header...

 

Sample code:

This is working fine:

<apex:page standardcontroller="Account">   ////   I should say showheader=false 

<apex:form >

<apex:pageblock title="" id="pageBlock">

<apex:pageblockbuttons location="top"/>

<apex:pageblocksectionitem helptext="Enter Account Name">
<apex:outputlabel value="Name : "/>
<apex:inputfield value="{!Account.Name}"/>
</apex:pageblocksectionitem>

</apex:pageblocksection>
</apex:pageBlock>
</apex:form>
</apex:page>

Best Answer chosen by Admin (Salesforce Developers) 
Rahul SharmaRahul Sharma

I think you cannot show standard help text when the header is disabled.

Either you need to implement a custom helpText.

 

Or if you just want a help image with title then you can refer code as below:

 

<apex:page standardcontroller="Account" showHeader="false">   ////   I should say showheader=false 
    <apex:form >
        <apex:pageblock title="" id="pageBlock">
            <apex:pageblockbuttons location="top"/>
            <apex:pageblockSection >
                <apex:pageblocksectionitem >
                    <apex:outputPanel StyleClass="helpButton">
                        <apex:outputlabel value="Name : "></apex:outputlabel>
                        <img src="/s.gif" alt="" class="helpOrb" title="Enter Account Name"/>
                    </apex:outputPanel>
                    <apex:outputPanel >
                        <apex:inputfield value="{!Account.Name}"/>
                    </apex:outputPanel>
                </apex:pageblocksectionitem>
            </apex:pageblocksection>
        </apex:pageBlock>
    </apex:form>
</apex:page>

 It is not the solution but showing something is better than display:none; :)

All Answers

Rahul SharmaRahul Sharma

I think you cannot show standard help text when the header is disabled.

Either you need to implement a custom helpText.

 

Or if you just want a help image with title then you can refer code as below:

 

<apex:page standardcontroller="Account" showHeader="false">   ////   I should say showheader=false 
    <apex:form >
        <apex:pageblock title="" id="pageBlock">
            <apex:pageblockbuttons location="top"/>
            <apex:pageblockSection >
                <apex:pageblocksectionitem >
                    <apex:outputPanel StyleClass="helpButton">
                        <apex:outputlabel value="Name : "></apex:outputlabel>
                        <img src="/s.gif" alt="" class="helpOrb" title="Enter Account Name"/>
                    </apex:outputPanel>
                    <apex:outputPanel >
                        <apex:inputfield value="{!Account.Name}"/>
                    </apex:outputPanel>
                </apex:pageblocksectionitem>
            </apex:pageblocksection>
        </apex:pageBlock>
    </apex:form>
</apex:page>

 It is not the solution but showing something is better than display:none; :)

This was selected as the best answer
Linda 98Linda 98

That works for me .....

Thanks a ton Rahul...