CMS Guide

General WYSIWYG (What You See Is What You Get) advice

The WYSIWYG editor

The WYSIWYG is the text editor you see in custom html modules
The WYSIWYG can be finicky. It is easiest to replace placeholder text by adding the new text THEN delete placeholder text. Alternatively, you can delete placeholder text except for one letter, add the new text, and then delete the remaining placeholder letter.
The "Insert/edit link" button is used to create and modify links. To modify an existing link (for example, the arrow buttons), click into the middle of the text of a link in the WYSIWYG and then click on "Insert/edit link".
The "asset picker" button allows you to add images into the wysiwyg. To modify an existing asset, click the asset and then select the "asset picker" button. Not all custom HTML modules were made with the intent to have an image placed in them.
The "code snippets" button adds pre made snippets of code into the wysiwyg. Most code snippets in the editor are to reset each module to default. If desired, select the code snippet that matches the name of the module to reset the module to default.
The Style Management Dropdown can be used to edit the presentation of content.

General Use Code Snippets:

Button Link 1:

Button Link 2:

Arrow Button 1:

Arrow Button 2:

Section Title: Copy 1

CMS enabled: True

Add New / Use Existing: Add New

Associated Code Snippet:

Copy 1
Copy 1a
Copy 1b

Lorem Ipsum

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.

Section Title: Copy 1a

CMS enabled: True

Add New / Use Existing: Add New

Associated Code Snippet:

Copy 1
Copy 1a
Copy 1b

Lorem Ipsum

Section Title: Copy 1b

CMS enabled: True

Add New / Use Existing: Add New

Associated Code Snippet:

Copy 1
Copy 1a
Copy 1b

Lorem Ipsum

View all jobs

Lorem ipsum

Section Title: Copy 2

CMS enabled: True

Add New / Use Existing: Add New

Associated Code Snippet:

Copy 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Section Title: Copy Multi Item 1

CMS enabled: True

Add New / Use Existing: Add New

Associated Code Snippet:

Copy Multi Item 1

Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Section Title: Image and Copy 1

CMS enabled: True

Add New / Use Existing: Add New

Associated Code Snippets:

Copy 1
Copy 1a
Copy 1b

Lorem Ipsum

Section Title: Image and Copy 1a

CMS enabled: True

Add New / Use Existing: Add New

Associated Code Snippets:

Copy 1
Copy 1a
Copy 1b

Lorem Ipsum

Section Title: Image and Copy 1b

CMS enabled: True

Add New / Use Existing: Add New

Associated Code Snippets:

Copy 1
Copy 1a
Copy 1b

Lorem Ipsum

Section Title: Video and Copy 1a

CMS enabled: True

Add New / Use Existing: Add New

Associated Code Snippets:

Copy 1
Copy 1a
Copy 1b

Additional Notes:

This section is a rebuild of 'Video and Copy 1'. It is visually identical, but it uses a Media Module for the video instead of a custom HTML module.

Lorem Ipsum

Section Title: Video and Copy 1b

CMS enabled: True

Add New / Use Existing: Add New

Associated Code Snippets:

Copy 1
Copy 1a
Copy 1b

Lorem Ipsum

Section Title: Video and Copy 1c

CMS enabled: True

Add New / Use Existing: Add New

Associated Code Snippets:

Copy 1
Copy 1a
Copy 1b

Lorem Ipsum

Section Title: Job List 1

CMS enabled: True

Add New / Use Existing: Add New

Associated Code Snippet: none

Spotlight Roles

Nutrition Assistant R-50583 Liberty, Missouri
Food and Nutrition Lead R-50584 Liberty, Missouri
Cancer Care Pharmacist - Operations R-50581 Westwood, Kansas

Section Title: Anchors and Copy 1

CMS enabled: True

Add New / Use Existing: Add New

Associated Code Snippets:

Anchors and Copy - Copy

Additional Notes:

Use the identifier field on the 'Marker' modules to change the name of the section url.

The default identifier field is 'anchor-X'.

This identifier MUST match the url used in the Callout modules (Anchor Modules) to allow the anchor-marker pairs to work properly.

Example Marker Module identifier field

The url used in the Callout module MUST begin with a '#' and match what is used in the 'Marker' in order for the anchor-section pairs to function properly.

Example Callout Module:

Example use case: an identifier field in an anchor module with the value of 'nursing' must have an associated callout module url with a value of '#nursing'

Marker Modules should go above the content that they are associated with.