Adobe RoboHelp: Working with Twisties

by Willam Van Weelden

Twisties are images you include with DHTML drop-downs and DHTML expanding texts. The twisties indicate whether a drop-down is opened or closed. This gives a visual indication to readers that they can get more information. For example:

Setting up Twisties

1. Open or create a RoboHelp project.
2. Go to the Project Manager pod (View > Pods > Project Manager).
3. Double-click the project's style sheet to open it for editing.
4. In the Styles dialog box, choose Hyperlink > Drop-down hotspot.
5. Click the Set Twisties button.
   
6. In the Select Twisties Images dialog box, browse and open the images you want to use as twisties.
   
   
7. Click OK to close the Select Twisties Images dialog box.
8. Click OK to close the Styles dialog box and save the edited style sheet.

And that's it. Once you have set up the twisties, they will automatically be applied to all of your project drop-downs.

Note: If you want to apply twisties to your project's expanding text and the drop-down hotspots, simply Set Twisties for the style Expanding text in your style sheet as you were shown above for the Drop-down hotspots.

***
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

[Sreekanth]

Willam, you really read my mind! For the last 30 minutes, I have been working on exactly this!

[Sreekanth]

While importing content from FrameMaker, I know how to set up an image for the DropDown Caption. But that will be one single image for both closed and open versions of the drop down text. How do I set up twisties (or two different images for closed and open versions) for dropdown caption/ text that is being imported from FrameMaker?

I am currently sticking to the RHStyleMapping.css file.