Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

How to create expandable/collapsable content areas

Expandable/collapsable content templates hide content under headings. Users can click on an expandable content heading to view the hidden information below.

...

Info

Please review Usability concerns with expandable/collapsable content before proceeding.

...

  1. On the Administration bar, select My Workbench.

  2. Select Create/Manage Content and select the content type you wish to add the expandable/collapsable content (like Web Page).

  3. In the body, click on where you want to insert the expandable/collapsable content.

  4. Click on Templates button in toolbar.

  5. Scroll down to the bottom of the list and select Expandable/collapsable content.

    Note: The warning under "Expandable/collapsable content" relates to the amount and type of content contained in the expandable content box. The
    expandable/collapsable content format works the best with large amounts
    of information that can be broken up in an easy way (for example a list
    of tables for student fees per faculty).

  6. Replace Expandable title with your title.

  7. Replace Expandable text with your text.

    Note: Inserting Expandable/collapsable
    content will erase any selected text. To convert existing text to
    expandable/collapsable content, you can copy and paste the text into the
    "Expandable text" box.

  8. Use the down arrow key on keyboard to move out of the expandable/collapsable content template. Using Enter key will add a new line within the Expandable text area.

  9. Click Save.

  10. Change the moderation state to Published and click Apply.

...

Having trouble inserting your Expandable/collapsible content template?

Occasionally when you insert an Expandable/collapsible content template, it may appear like the following:

...