Creating tooltips for each field in Sharepoint form

Question

I want to create tool tips for each part in a form which employees have to fill in a share point web page. When users move the mouse cursor on each field (Title, description, department etc.) the related tip will be automatically became visible as a simple pop-up (tool tip) and summarize what they should write there. and when the mouse cursor is not on one of these fields there is no tool tip.

How can I design such a system via share point designer? I am not able use any add ons. I can't upload any additional things to the server. I have to make page based design.

I would be glad if you kindly help me.

score 1 · Answer 1 · answered Jun 04 '14 at 10:48

I couldn't find the ToolTip control in my SharePoint Designer 2007 Toolbox, so I looked on W3Schools.com for a standard HTML option and found that you can use the <ABBR> tag.

See http://www.w3schools.com/tags/tag_abbr.asp for the reference, but here's an example of a tooltip implemented on a SharePoint field title in a display form:

    <td valign="top" class="ms-formlabel" style="width: 50px">
       <H3 class="ms-standardheader">
          <nobr><abbr title="The actual number of man-days effort expended.">Man-days (Actual)</abbr></nobr>
       </H3>
    </td>

Can someone clarify how to do this? I am trying to add expanded tooltips to a form that adds information to a custom list. However, I cannot get access to the HTML for the form. — Jack Parker, Sep 09 '15 at 19:01

Marek Grzenkowicz · Answer 2 · 2012-01-10T20:55:02.447

1

Have you considered using field description?
This is SharePoint's default way of adding additional information to fields.

field description

edited Jan 10 '12 at 20:55

answered May 05 '10 at 16:03

Marek Grzenkowicz

17,024
9
81
111

I have already used this but my boss prefers pop up solution. – ephieste May 12 '10 at 11:12

score 0 · Answer 3 · answered Oct 11 '13 at 11:45

0

By default the display name of the site column becomes the tool tip for that field.

answered Oct 11 '13 at 11:45

Amit

194
4
20

score 0 · Answer 4 · answered May 09 '10 at 05:25

Open up the aspx page for the form in SharePoint designer. Then you can use SharePoint designer just like Visual Studio to see the code. Try adding the "tooltip" attribute to the field controls within the form. There is a small possibility these controls will actually be written using XSLT instead of ASP, so be prepared to do some studying.

Creating tooltips for each field in Sharepoint form

4 Answers4