Tooltip() Help

rss

Posted by schuess - Jan 23 ’14 at 04:32

I am not following how to modify the tooltips without modifying the field title. i was hoping to also do some additional styling of the tooltips like noted at http://jqueryui.com/tooltip/

can you give some specific instruction on how to add a tooltip?

 

thanks

  • Dmitry Kozlov
    Dmitry Kozlov
    Admin
    Member for: 10 years
    #1 by Dmitry Kozlov Jan 24 ’14 at 03:20

    You can add title attribute to titles of your fields with JavaScript. The value of this attribute is displayed in tooltip of the appropriate element in most browsers. Here is the code:

     
fd.field('InternalName').title()._el().attr('title', 'tooltip text') 

    Please, replace InternalName with the internal name of your field. You can also include jquery-ui library with tooltip plugin into master-page and use it in your forms.

    link flag
  • schuess
    schuess
    Member
    Member for: 9 years 7 months 29 days
    #2 by schuess Jan 24 ’14 at 05:20

    That seems really simple, but it did not work for me. The default tooltip text was not changed.

    link flag
  • Dmitry Kozlov
    Dmitry Kozlov
    Admin
    Member for: 10 years
    #3 by Dmitry Kozlov Jan 27 ’14 at 02:14

    [#2]: Please, send HTML-source of your form to [email protected]. Thank you.

    link flag
  • Sonoma
    Member
    Member for: 8 years 11 months 28 days
    #4 by Sonoma Sep 25 ’14 at 01:49

    [#3]: Hi. What was the fix for this.

    I too have several fields that I would like this to work on but I am not having any luck.

    Two of my fields are 'IMMDD' and 'DOI'.

    fd.field('IMMDD').title()._el().attr('title', 'MM/DD/YYYY');
    fd.field('DOI').title()._el().attr('title', 'MM/DD/YYYY');

    I do not have any errors in the console log.

     

    Thank you.

    link flag
  • Dmitry Kozlov
    Dmitry Kozlov
    Admin
    Member for: 10 years
    #5 by Dmitry Kozlov Sep 26 ’14 at 03:22

    [#4]: Hi,

    The solution from my first comment works well. Please, make sure you use the correct internal names of the fields. If it still doesn't work, please, drop HTML-source of the form page to [email protected].

    link flag
  • AgneseB
    Member
    Member for: 8 years 9 months 25 days
    #6 by AgneseB Nov 27 ’14 at 04:49

    Hi,

    with code:

    fd.field('InternalName').title()._el().attr('title', 'tooltip text')

    I can see the tooltip text only when moving mouse on field label. How to add it to the input field?

    link flag
  • Dmitry Kozlov
    Dmitry Kozlov
    Admin
    Member for: 10 years
    #7 by Dmitry Kozlov Nov 27 ’14 at 10:01

    [#6]: Hi,

    Please, try the following code:

    fd.field('InternalName').control()._el().find('input').attr('title', 'tooltip text')
    link flag
  • AgneseB
    Member
    Member for: 8 years 9 months 25 days
    #8 by AgneseB Dec 3 ’14 at 08:50

    Unfortunately it doesn't work. For all fields as tooltips appears only field names. Is it possible to remove them?

    link flag
  • Dmitry Kozlov
    Dmitry Kozlov
    Admin
    Member for: 10 years
    #9 by Dmitry Kozlov Dec 4 ’14 at 05:01

    [#8]: Hi,

    Do you want to remove the tooltips at all?

    link flag
  • AgneseB
    Member
    Member for: 8 years 9 months 25 days
    #10 by AgneseB Dec 4 ’14 at 06:17

    I would preffer to change them but as I didn't succeed with that I would like to remove them at all.

    Or at least change the default tooltip text from Field name to Title.

    link flag
Displaying 1 to 10 of 29 messages
Previous123