How to provide a help on mousing over a field in portal form

(0) Share

Report

Posted on by R89

135

I have a CRM Portal form with various fields. I want to add a help feature on few fields. I would like to add the feature with mouse over or with an image such as ?.

Ex: I have field label called Desription

When the end user puts the mouse on this field I want to show some details about what to enter in Description field.

How to achieve this.

Thanks

*This post is locked for comments

All responses (2)

Answers (2)

Verified answer

Dmytro Rutkovskyi 1,835 on at

Like (0)

Report

RE: How to provide a help on mousing over a field in portal form

If you want tooltip for the field and not label, change in provided above Javascript $("#description_label") to $("#description"). You can see in Page source exact input id value
Verified answer

Dmytro Rutkovskyi 1,835 on at

Like (0)

Report
RE: How to provide a help on mousing over a field in portal form

Hello, you need a little custom Javascript to enable this.

Because Portal uses bootstrap and jQuery your Javascript code will be very easy:

go to Entity Form -> Custom Javascript Section.

Put here a code which will add custom tooltip for your label. I have tested on Descriptio field on OOB contact-us entity form:

$(document).ready(function() { $("#description_label").tooltip({"html":true,"title":"<span class='glyphicon glyphicon-info-sign'></span> <i>hello</i> world"}) });

Below sample result: