Special content elements

Accordions

On page load, the class accordionContent is hidden. If an element with the accordionTitle class is clicked, the next element of class accordionContent is shown. etc.

How to add accordions

Select "Insert content element or block" from the icon at the top of the visual editor. From the dropdown, choose accordion. Edit the copy.

If none of this works?

If none of this works, the default is that all the content will be shown as headings and content. A good fallback.

You can have multiple paragraphs in an accodion content div.

Items to note

Heading 3 is the default title. This can be changed like any other heading.

After the elements are added, an extra paragraph with a non breaking space is added so you can click that to edit content outside (after) the content div.

 

YouTube LightBox Video - CM3 Widget

How dermoscopy training is helping GPs and their communities

 

Adding resource widgets
How to add resource lists throughout the site.

Image Gallery

Inline Youtube Video

Summary copy for the style guide. This will tell us a little about the subject matter of the page.
Learn more: Styles page
Special content elements
A guide to special elements, how they look and how to add them.
Learn more: Special content elements
News & stories
Read news and stories from SunSmart
Learn more: News & stories
Resource widget testing
Just a place to test the resource widget.
Learn more: Resource widget testing
Form styles
To display the different form elements and how they're styled.
Learn more: Form styles

Without thumbnails

Summary copy for the style guide. This will tell us a little about the subject matter of the page.
Learn more: Styles page
A guide to special elements, how they look and how to add them.
Learn more: Special content elements
Read news and stories from SunSmart
Learn more: News & stories
Just a place to test the resource widget.
Learn more: Resource widget testing
To display the different form elements and how they're styled.
Learn more: Form styles

Without read more

Summary copy for the style guide. This will tell us a little about the subject matter of the page.
A guide to special elements, how they look and how to add them.
Read news and stories from SunSmart
Just a place to test the resource widget.
To display the different form elements and how they're styled.
Back to top