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

New Here ,
Jan 17, 2018 Jan 17, 2018

Copy link to clipboard

Copied

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?

TOPICS
HTML5 layout

Views

504

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct Answer

LEGEND , Jan 17, 2018 Jan 17, 2018
YouTube has assigned this link:https://youtu.be/5DELAXkoSEUGive it a few minutes and it should be visible.Cheers... Rick

Likes

Translate

Translate
Adobe Community Professional ,
Jan 17, 2018 Jan 17, 2018

Copy link to clipboard

Copied

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.

@petergrainge

Please use the Blue reply button at the top to help me help you. The black Reply link nests replies and they sort out of order.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Jan 17, 2018 Jan 17, 2018

Copy link to clipboard

Copied

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

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Jan 17, 2018 Jan 17, 2018

Copy link to clipboard

Copied

YouTube has assigned this link:

https://youtu.be/5DELAXkoSEU

Give it a few minutes and it should be visible.

Cheers... Rick

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Jan 18, 2018 Jan 18, 2018

Copy link to clipboard

Copied

LATEST

Thank you! That was very helpful.

Implementing now.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Resources
RoboHelp Documentation