SharePoint Custom List - Column Description to Tooltip

Question

Hi,

I am looking to establish if there is a fairly simple means by which to display the text included in the 'description' field of a Custom List column as a tooltip on the New & Edit forms (rather than as a default line of text under the column).

I am building a list with reasonably detailed descriptions on a number of the columns. This text then takes up a considerable amount of space on the page and makes the forms look messy. If I can hide the text as a tooltip behind a button/icon next to the input field somehow it would be much cleaner and more user-friendly.

If anyone can help that will be great. Thanks in advance.

Thanks in advance.

Answer 1

first of all add description to desired fields in your list (List settings > Fields > click on field > set Description > Save):

After that description will appear on list form - under field control:

Remaining step is to transform it from span element under field control to tooltip. This can be done by attaching custom javascript which will transform the DOM (e.g. using jQuery): hide span element with original description, attach mouseover event on above field control and show tooltip. Simplest way to attach custom javascript to Sharepoint site is to use UserCustomActions: Add custom javascript file to all pages in on-premise Sharepoint site collection without modifying masterpage. In this javascript you may check that location.href belongs to your list and execute code only for your single list.

Answer 2

@Matt-9236
You could use screen tip for custom list columns instead of custom list columns descriptions. Here’re steps.

1.Click Customize in InfoPath in the list tab of ribbon.
2.Right click the field -> Field property -> Advanced -> ScreenTip.

Here're some references about how to display column description on hover by using code.

Tooltip for column headers in SharePoint list
Mouseover tooltips or callouts for SharePoint 2013 custom list
Small description window on mouse hover on hyperlink

---

If an Answer is helpful, please click "Accept Answer" and upvote it.
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Answer 3

Thanks sadomovalex

I will give this a try.