[SalesForce] help text when mouseover on picklist values

I have a requirement for the community portal. It says that for picklist fields, when the user is checking the available options in the piclist, when the user mouse over each one of the values, the system should show a help text (like a tooltip for example).

Is there anyway to do so using Javascript or Jquery? Could someone point me on the right direction please?

I know I can show the standar salesfoce help text on my visualforce page, but I have around 30 options in the picklist, so its quite confusing to do it with this standard funcionality.

Any help is appreciated!

All the best,

Best Answer

If you define your picklist options using apex:selectOption, you can use the title parameter of each to specify hovertext. example:

<apex:selectList id="typeSelect" size="1" value="{!typeSelect}" >
    <apex:selectOption title="helptext for hover" itemLabel="{!$ObjectType.Key_Contact__c.LabelPlural}" itemValue="Key_Contact__c" />
    <apex:selectOption title="helptext for hover" itemLabel="{!$ObjectType.Roster__c.LabelPlural}" itemValue="Roster__c" />
    <apex:selectOption title="helptext for hover" itemLabel="{!$ObjectType.Team__c.LabelPlural}" itemValue="Team__c" />
    <apex:selectOption title="helptext for hover" itemLabel="{!$ObjectType.User.LabelPlural}" itemValue="User" />
</apex:selectList>

Related Solutions

[SalesForce] Is it Possible to Add Value to Picklist Field by Visualforce

You can add picklist values in your controller class so you can create a custom picklist on your page and add values that you need there (Also from your real picklist field).

<apex:selectlist value="{!somevalue}" multiselect="false" size="1">
    <apex:selectoptions value="{!someCollection}"/>
</apex:selectlist>

And if you don't want the entire page to be reloaded you will need to use apex:actionRegion to only reload a part of your page.

[SalesForce] Creating popup tip box visualforce

I suggest you first get clear in your mind what you are looking for - tooltips or a menu?

This tooltip CSS looks promising https://chrisbracco.com/a-simple-css-tooltip/ if that meets your needs.

If your needs are more complex, it can be most effective to leverage the work of others who have dealt with problems such as browser compatibility and also hidden the complexities behind a simple API. One of these two libraries might be helpful to you:

So your job becomes figuring out how to include and use the libraries in your page rather than dealing with the JavaScript or CSS issues yourself. (Though you will have to get moderately comfortable with JavaScript and CSS.)

Best Answer

Related Solutions

[SalesForce] Is it Possible to Add Value to Picklist Field by Visualforce

[SalesForce] Creating popup tip box visualforce

Related Topic