Icon with tooltips

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.

Hello @javierfe,

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

image

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

image

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:

1 Like

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 });

1 Like

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 });

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.

1 Like