Inserting Togglers

Following are steps for inserting a toggler.

How to Insert a Toggler

  1. Open the content file.
  2. Click anywhere in the paragraph that you want to toggle (the content that will open when users click the hotspot).

  3. Select Home > Name.

  4. Type a name for the toggled element (anything that will help you identify it).
  5. Click OK. The named element is added, with a yellow flag next to it. The flag will not display in the output. It is simply used to show you where a named element has been inserted. You can hide or show this flag by selecting the option from the Show tags button Show Tags button in the XML Editor local toolbar.
  6. In the topic, highlight the text that you want to use as the toggler hotspot.

  7. Select Insert > Toggler.

  8. In the Toggler targets section, click the check box next to the toggler element that you created.
  9. (Optional) In the Toggler class section, select a style class to be associated with the toggler.

  10. Click OK. The toggler hotspot now has the toggler icon next to it in the XML Editor. The icon will not display in the output. It is simply used to show you where a named element has been inserted.

  11. Click Save the active file. to save your work.