Adobe RoboHelp: Using Multiple Twisty Styles

by Willam Van Weelden

In a previous article, I showed you how to use Twisties (images) with RoboHelp drop-down menus. The Twisties indicate to a user if a drop-down menu is open or closed.

By default, all drop-downs will use the Twisties you defined for the style Drop-down hotspot. With Adobe RoboHelp 10, you can use multiple styles for your drop-downs and thus use different Twisties for different drop-downs.

To use multiple Twisties, you must create a new style in your style sheet and apply the new style to the drop-downs.

Setting up Multiple Twisties

1. Open a RoboHelp project.
2. Go to the Project Manager pod (View > Pods > Project Manager).
3. Double-click your project's style sheet to open it for editing.
4. In the Styles dialog box, click the New button and choose Hyperlink Style.
   
5. Give the new style a name. In this example I named the new style Twisty.
6. Click the Set Twisties button to define the look of the Twisty.


7. In the Select Twisties Images dialog box, select the images you want to use as the Twisty.


8. Click OK to close each of the open dialog boxes.

Your alternative twisties are now set. You can now proceed to applying the twisty to a drop-down menu within a topic.

Applying Twisties to a Drop-down

1. Open the topic containing a drop-down menu.
2. Click within the drop-down text.
3. Go to the Styles and Formatting pod (View > Pods > Styles and Formatting).
4. Find the alternative hyperlink style you created.
5. Right click the style and choose Apply.


6. Save your project.

The alternative twisty style is now applied to the drop-down. Repeat these steps for every drop down menu where you want to set an alternative Twisty.

***

Looking to learn RoboHelp? We offer a live, two-day online RoboHelp class once each month. Feel free to contact us to learn other ways to meet your RoboHelp training requirements.

Comments

[BSC (Hons) in IT]

Thanks for detailed post. It’s perfectly workout for me.