2 Replies Latest reply: Aug 9, 2010 7:07 PM by greenbluewave RSS

    Using the same Spry Tooltip in multiple places

    greenbluewave Community Member

      Hi,

       

      I've been trying to figure out how to make it so several places of text on my webpage use the same tooltip.  I read some instructions here, but I find them confusing and whenever I try to replicate it everything breaks.  Can someone explain to me an easy way to do such a thing?  Right now, I find that if I simply use the same id (i.e., id="sprytrigger1") at every place I want it the same tooltip to come up, it works, but it causes those tooltips to flicker and behave erratically.  I figure this is because the code shouldn't be used this way exactly.

       

      I really don't want to have to duplicate the same tooltip over and over again for each time it comes up to stop the flickering because it will really bloat the page up.

       

      In that link, they say:  "You can use CSS selectors to specify a single trigger or multiple triggers for the same tooltip. In this case, the tooltip looks for 2 page element with 'selectMe' class applied to them."

       

      I'm having trouble understanding what they mean.  Can someone show an easier to understand example of properly using duplicate tooltips at multiple trigger areas?  I don't understand how to apply the 'selectMe' class they refer to , etc.