Icon with tooltips

[javierfe (Javier)]

Is it possible to add an information icon (or something similar) to the field's name of a form with a mouse over event that displays a tooltip with some info? We have a requirement to display a text to explain the meaning of some fields.

Thank you,

Javier.

[Margo]

Hello @javierfe,

You can add a field description in filed settings. The description will be displayed under the input.

Or you can change the tooltip text of the input. Please see the code sample below.

fd.spRendered(function() {
    var singleLine = $(fd.field('Title').$el).find('input');
    $(singleLine).attr('title', 'This is Title field, input Title, please!');
});

Please also see the post about how yo add tooltip to a checkbox:

Adding tooltips to checkboxes

Hi, I’d like to know if there is a way / how to add tooltips on mouse over on checkbox fields. For example, I have questions and some of the answers need a little more explanation. I’d like to add these explanations as tooltips, either on mouse over the answer itself or in a clickable (i) at the beginning or the end of the answer text. Has anyone done this before? Thanks for your help.

[mozilla0 (Matthias Hummler)]

We do this at the moment with a Hyperlink control and show then a dialog with a filtered secondard SharePoint list.

event.preventDefault();
Dialog.open("https://yourtenant.sharepoint.com/sites/yourSIteCollection/Lists/Help/AllItems.aspx?FilterField1=PlumsailFieldName&FilterValue1=UpdatedDueDate",{}, function(){}, { width: 500, height: 500 });

[Qman (KrustyMan)]

Hi,

I would like to add this feature to my form. Is it possible to add pictures and texts in this window?

event.preventDefault();
Dialog.open("https://yourtenant.sharepoint.com/sites/yourSIteCollection/Lists/Help/AllItems.aspx?FilterField1=PlumsailFieldName&FilterValue1=UpdatedDueDate",{}, function(){}, { width: 500, height: 500 });

[Margo]

Hello @Qman,

You can create a page with any content. Add a link to the page to the function to open it from a form in a dialog.