How to get a drop-down arrow to change from horizontal to vertical?

4 replies
913 views
Translate

I am currently using Robohelp 2015, although we may be upgrading to 2017 in the near future.

In the online help, I frequently use drop-down text.

The drop-down text is preceded by vertical arrow facing down.
I would like to change this to a horizontal arrow that becomes vertical when the user clicks on the link to open the drop-down text.
How would I do this in Robohelp?
Obviously, I would need to change the icon to a horizontal arrow. What do I need to do next to make the arrow rotate after the user clicks on the drop-down link?

HTML5 layout

This topic is closed to new replies. Start a new post to keep the conversation going.

Captiv8rCorrect answer

Legend

YouTube has assigned this link:

https://youtu.be/5DELAXkoSEU

Give it a few minutes and it should be visible.

Cheers... Rick

Captiv8r

Legend

Hang tight - I'm uploading a video to demonstrate. Back soon

Translate

Captiv8rCorrect answer

Legend

YouTube has assigned this link:

https://youtu.be/5DELAXkoSEU

Give it a few minutes and it should be visible.

Cheers... Rick

Translate

Y

Yehoshua PaulAuthor

Known Participant

Thank you! That was very helpful.

Implementing now.

Translate

Peter Grainge

Community Expert

The standard is pretty much a horizontal pointer that twists down when the dropdown is expanded. Anything else could cause a bit of usability issue for folks used to the norm.

However, if you do want to do this you simply change the images. RoboHelp is showing one image and when clicked it swaps it for the other one you have defined in your styles. Thus change the image that points down for one that points up.

RoboHelp is not twisting the image, it is changing it.

See www.grainge.org for free RoboHelp and Authoring information.