PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

List field tooltips

  1. Richard Vav
    Administrator

    With the release of 1.6 I decided to modify this form, http://www.eandhbaxendale.com/online-enquiries/easi-joist-enquiry/ to take advantage of the new list field by making it easier for customers to enquire about more than one joist size at a time. I also decided to take the opportunity to add tooltips to some of the fields using the tipsy jquery script, I was originally planning on adding the tooltips directly to the fields so when the user tabs into the field the tooltip automatically appeared but in the end I decided to use the help icon from the admin side (hope that's OK). I have ended up using a function http://pastie.org/2854276 to add the necessary icons and title attributes where I wanted them which seems to be working well.

    Now to the question would it be possible either by extending that function or by adding another or some other script to modify the title tags for the add and remove row img buttons so instead they say 'Add another easi-joist' and 'Delete this easi-joist'

    Posted 13 years ago on Saturday November 12, 2011 | Permalink
  2. Richard Vav
    Administrator

    Just to update I have included the add row button to the tipsy script but it is only acting on the first row, as other rows are added those new buttons aren't showing the tooltip. This is the script I have included above the form that is calling tipsy http://pastie.org/2855838
    Tipsy can be found here http://onehackoranother.com/projects/jquery/tipsy/

    Posted 13 years ago on Sunday November 13, 2011 | Permalink
  3. Richard Vav
    Administrator

    After a bit more experimenting I have got the tooltips working on the new rows as well using this function, not sure if it's the best way of doing it but it seems to work well.

    $('.add_list_item,.delete_list_item').live('hover', function() { $('.add_list_item,.delete_list_item').tipsy({}) });

    Still not figured out which way to go about modifying the title tags for the add and remove row buttons so they say 'Add another easi-joist' and 'Delete this easi-joist'

    Posted 13 years ago on Monday November 14, 2011 | Permalink
  4. Richard Vav
    Administrator

    Sorted.

    $('.add_list_item').attr("title", "Add another easi-joist");
    $('.delete_list_item').attr("title", "Delete this easi-joist");

    Simple as that, don't know why I didn't think of it before, although I had this idea in my mind that it may not be straightforward and that what ever I did would not affect the titles for the buttons on the new rows with them being dynamically added, shows how wrong I was.

    Posted 13 years ago on Monday November 14, 2011 | Permalink
  5. I was just about to respond to this but as I read down the last it appears you got everything sorted out. Good to hear.

    Posted 13 years ago on Monday November 14, 2011 | Permalink

This topic has been resolved and has been closed to new replies.