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: 5 years 11 months 29 days
    #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.

  • schuess
    schuess
    Member
    Member for: 5 years 7 months 27 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.

  • Dmitry Kozlov
    Dmitry Kozlov
    Admin
    Member for: 5 years 11 months 29 days
    #3 by Dmitry Kozlov Jan 27 ’14 at 02:14

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

  • Sonoma
    Member
    Member for: 4 years 11 months 26 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.

  • Dmitry Kozlov
    Dmitry Kozlov
    Admin
    Member for: 5 years 11 months 29 days
    #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]

  • AgneseB
    Member
    Member for: 4 years 9 months 23 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?

  • Dmitry Kozlov
    Dmitry Kozlov
    Admin
    Member for: 5 years 11 months 29 days
    #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') 
  • AgneseB
    Member
    Member for: 4 years 9 months 23 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?

  • Dmitry Kozlov
    Dmitry Kozlov
    Admin
    Member for: 5 years 11 months 29 days
    #9 by Dmitry Kozlov Dec 4 ’14 at 05:01

    [#8]: Hi,

    Do you want to remove the tooltips at all?

  • AgneseB
    Member
    Member for: 4 years 9 months 23 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.

Displaying 1 to 10 of 22 messages
Previous123