Most content types contain a WYSIWYG Editor for content authors to create pages. In addition to containing a range of text editing and formatting tools, the WYSIWYG toolbar provides the opportunity to use a range of widgets to create advanced or interactive content.
Below, you will find a visual guide to widgets in the WYSIWYG Editor and some example use cases for each one. Please note that some of the advanced interactive elements are unavailable for OC Editor and OC Publisher users.
Accordion and Tab Containers
Accordion and tab containers segment the display of content on a webpage. Accordions are expanding panels and users can switch between tabs.
Use when you have a text-heavy page with clear subjects, or to present additional information, such as:
- Rules, disclaimers, and regulations for council meetings
- Guides on what to put in bins
- Frequently asked questions
The WYSIWYG toolbar icon is:
Calendars
Calendars can be single or combined, and list dates containing information and links to other webpages.
Examples include:
- Events calendars organized by department or community group
- Events and meetings listed together
The WYSIWYG toolbar icon is:
Content Lists
Content lists are dynamic lists of content, including webpages or files.
Use for any kind of page listing, such as:
- Events list for a venue or library
- Navigation, including a top task content list with icons
- Separate news or event listings for departments
- Further information pages or related content
The WYSIWYG toolbar icon is:
Content Selector
Content selector inserts content blocks from other pages that have been shared.
Useful for small chunks of often repeated content, such as:
- Side panels
- Department contact details
- Social media links
The WYSIWYG toolbar icon is:
Document Libraries
The Document Library widget is a new way of creating dynamic lists of documents sourced from your Files Library. You can create a flat list or display the folder hierarchy to build an extensive and organized list.
Use this for listing:
- Minutes and agenda documents from prior years
- Policies, rules, or regulations for your council
- Forms, permits, or applications for your services
The WYSIWYG toolbar icon is:
Embeds
Plugins and embeds are good for embedding third-party content into your pages, including:
- Social media feeds, such as Instagram on tourism sites
- Complex mapping tools for traffic, roadworks, building and planning
- EngagementHQ embeds (surveys, ideas, places, quick polls)
- Newsletters, documents, and publications, like those created via Issuu
The WYSIWYG toolbar icon is:
Emphasis Styles
Emphasis styles help highlight short blocks of important information.
Examples of content to emphasize are:
- Changes to opening hours
- New or temporary changes to services
- Rules and restrictions for services
- Call to action that do not suit buttons
- Contact information
Emphasis styles are applied through CSS:
Featured Links
Featured links create blocks of styled links.
They are useful for:
- Department navigation
- Quick links for long visual landing pages or global service listings
- Links above listings, such as subscribe buttons, media links, event promotion, event registration, or venue hire
The WYSIWYG toolbar icon is:
Forms & Workflow (OpenForms)
Forms & Workflow (OpenForms) allow you to insert forms from Forms & Workflow.
If you have connected with Forms & Workflow, you can directly embed forms for:
- Event registration, creation, or promotion
- Community programs
- Library membership
- Services, such as animal registration, permits, or fees
The WYSIWYG toolbar icon is:
Glossary Items
Glossary items create definition tooltips for jargon and specific terms.
Use for:
- Legislative terms, laws, acts
- Council jobs titles and regulations
- Item definitions, such as Microchips
The WYSIWYG toolbar icon is:
Image Gallery
Image galleries display groups of images.
Examples include:
- Community programs (planting stuff, clean-ups, volunteer efforts)
- Community events (fairs, festivals)
- City or council plans or concept designs
- Tourism shots for venues, trails, parks, or accommodation
The WYSIWYG toolbar icon is:
Maps
Maps show location-based pages, such as venues, events, or projects.
For example:
- Public art and walking tours
- Planned traffic or roadworks with address search
- Fire, police, or service stations with address search
- Parking zones with a KML layer and legend
- Events, projects, venues, and parks through My Area
The WYSIWYG toolbar icon is:
Rotating Banners
Rotating banners provide an image slider with links on pages.
They are useful for:
- Venue promotion
- Library events and programs
- Tourism promotions, such as events, tours, or accommodation
The WYSIWYG toolbar icon is:
Many of these elements are used with Featured Sections to create robust department pages or site sections. To learn more, please read Ideas for Organizing Your Department Pages.