Skip to main content
Participating Frequently
September 22, 2015
Answered

Is there a way to add a screen tip to an HTML drop down hot spot?

  • September 22, 2015
  • 1 reply
  • 1193 views

Is there a way to add a screen tip to an HTML drop down or expanding hot spot?  The hot spot displays as green text on the help screen, but short of writing an instruction within the help screen to have users click on the text, I haven't found any other way to convey this. A screen tip is preferable to a written instruction on the page because when I publish a user guide from the help, I have to painstakingly go through the document and remove all these references to "clicking on the green text". It would be ideal to have a mouse-over screen tip like there is for a hyperlink. Is there a way to do this? If not, can Adobe think about adding this feature? Thanks.

This topic has been closed for replies.
Correct answer Captiv8r

Hi there

For starters, you could apply a Conditional Build Tag to the text that instructs what is happening, then use a Conditional Build Expression to suppress that text when you target an output that shouldn't have it.

Adding a tool tip is pretty easy, but not intuitive.

Select the drop-down text, then look at the HTML code. Should look something like this:

Amend the code as follows. Right after the class="dropspot" part, insert the following:

alt="Insert your text here" title="Insert your text here"

When you are finished, it should look like this:

And after doing that, here's what my link looks like when I hover:

Cheers... Rick

1 reply

Captiv8r
Captiv8rCorrect answer
Legend
September 22, 2015

Hi there

For starters, you could apply a Conditional Build Tag to the text that instructs what is happening, then use a Conditional Build Expression to suppress that text when you target an output that shouldn't have it.

Adding a tool tip is pretty easy, but not intuitive.

Select the drop-down text, then look at the HTML code. Should look something like this:

Amend the code as follows. Right after the class="dropspot" part, insert the following:

alt="Insert your text here" title="Insert your text here"

When you are finished, it should look like this:

And after doing that, here's what my link looks like when I hover:

Cheers... Rick

Participating Frequently
September 22, 2015

Eureka!!!

Here's the result:

Thanks, Rick!!!!