Web Services

Cascade Users Guide

Adding accordions and button links to a page


Accordions

Under the editor of a basic content page there are two radio button options, the second reading 'Add an Accordion'; when 'Yes' is selected, the accordion customization drop-downs will appear. The components are as follows:

  • Color Scheme - This determines the color of the accordion bars
  • Accordion group - Accordion groups organize every subsequent accordion with closer vertical margins and creating a new accordion group will be separated further apart from the last group
  • Accordion (heading) - When you open the accordion drop-down the heading names the accordion you are editing, this name will be displayed on the accordion before it is opened
  • Accordion (text) - Functions the same as the website editor
  • Editor Post Accordion - Adds content under an accordion if needed

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Post Accordion text.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Button Links

A Button Link helps emphasize a specific link on your website to the user. Button Links should be used selectively to avoid having a visually crowded page.

  1. Highlight the text you would like to be a button link and select 'Link' (customize as needed)
  2. With the link highlighted, drop down the 'Format' menu and select 'Formats'
  3. Select 'Custom' and choose from the provided button colors

Button links will look like:

This