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

Adding resource widgets

How to add resource lists throughout the site.

Image Gallery

Inline Youtube Video

Styles page

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

Special content elements

A guide to special elements, how they look and how to add them. Learn more: Special content elements
News & stories

News & stories

Read news and stories from SunSmart Learn more: News & stories
Resource widget testing

Resource widget testing

Just a place to test the resource widget. Learn more: Resource widget testing
Form styles

Form styles

To display the different form elements and how they're styled. Learn more: Form styles

Without thumbnails

Styles page

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 read more

Styles page

Summary copy for the style guide. This will tell us a little about the subject matter of the page.

Special content elements

A guide to special elements, how they look and how to add them.

News & stories

Read news and stories from SunSmart

Resource widget testing

Just a place to test the resource widget.

Form styles

To display the different form elements and how they're styled.