Skip to main content

CMS GUIDE

Table of Contents

Style Management

The following labels refer to styling options/classes in the "STYLE" dropdown menu located in the toolbar in every Custom HTML Module's content editor:

Heading Text:

Section Heading

Heading 1

Heading 2

Heading 3

Heading 4

Body Text:

Body 1

Body 2

Body 3

Basic List:

  • List Item
  • List Item
  • List Item

Text Color:

♦ Color Primary

♦ Color Secondary

Buttons & Links* **:

This is an Inline Link.

Primary Button Secondary Button Green ButtonWhite Button

*Use your mouse to hover over links in order to see their hover states.

**Before applying any of these link styles, make sure that the element you're applying the style to is ALREADY a link. 

Spacing:

Lorem ipsum dolor sit amet.

↑ Margin Top 10px

Lorem ipsum dolor sit amet.

↑ Margin Top 15px

Lorem ipsum dolor sit amet.

↑ Margin Top 20px

Lorem ipsum dolor sit amet.

↑ Margin Top 32px

Page Templates

What page templates are available to create new pages with?

The following page templates are available in the "CMS Primary Theme" theme:

In which theme should I create my page? / Which theme should my page be assigned to?

To use one of the page templates, you must create your page inside the theme where the desired page template resides. You may later assign the page to another theme if needed.

See General Advice & FAQs for more details.

What if I don't need all the sections used in a template?

Before using a CMS page template to create a page, determine if you’re going to need all the sections used in that template. Then, after using the template to create a new page, remove the sections from the page which aren’t needed BEFORE SAVING THE NEW PAGE. This prevents those sections from ever being created and we avoid cluttering the system with unused sections and modules.

Can I create a CMS page without using one of the CMS Page Templates?

See General Advice & FAQs.

Custom HTML Modules: Content Editor (WYSIWYG) FAQs

How do I replace placeholder ("lorem ipsum") or unwanted text content?

The content editor can be finicky. To replace placeholder or unwanted text, we recommend that you first click the “BLOCKS” button in the toolbar to reveal outlines surrounding block-level elements. Then, select the text you wish to replace and type in your desired text. Or, you can place your cursor at the end of the text you want to replace, add your desired text, and then select and delete the placeholder text preceding it. We do NOT recommend selecting all placeholder text in the editor and deleting it before you add your desired content. As a result you may accidentally erase necessary markup that the content depends on. It is always best to edit text elements one at a time rather than deleting everything you don’t want from the start.

Can I copy/paste from other sources?

Be very careful when copy/pasting text content from other sources into a Custom HTML module's content editor. When copying from an external document, take steps to ensure the text you are copying is plain text (as opposed to rich text.) When copying from a web page, make sure you are ONLY including text and not actual HTML tags (<p>, <br>, etc.) as this could result in unintended styling/format inconsistencies.

How do I change the appearance of text content (color, font size, etc)?

The "STYLE" dropdown in the toolbar can be used to edit the styling/appearance of content. Keep in mind that when you add a style from the dropdown, it does not overwrite other styles previously applied to the element. This allows greater flexibility in cases where you may need more than one style applied, but you will need to remember to uncheck undesired styles after applying them.

Please refer to Style Management for examples of classes/styles you may apply.

Keep in mind that changing the appearance or styles of text should be done SPARINGLY - for the sake of consistency across pages, it is best to stick with the module's default styling whenever possible.

How do I add/edit a link?

The "insert/edit link" button in the toolbar is used to create and modify links:

To create a new link, type your desired link text within the content editor, select it, and then click the "insert/edit link" button. This may be tricky if you're creating a new link next to an already-existing link. To do this, place your cursor at the end of the existing link's text and then press the right arrow key, so your cursor is outside the existing link. Then, type the new link's text, select it and click the "insert/edit link" button.

To modify an existing link, click into the middle of the link text within the content editor, then click the "insert/edit link" button.

Note: Using proper link text is very important. For more details, see "Does it matter what I use for [clickable] link text?" in General Advice & FAQs.

How do I add/edit an image?

The "asset picker" button in the toolbar allows you to add images into the content editor. To modify an existing asset, click the asset and then click the "asset picker" button. Not all custom HTML modules were made with the intent to have an image placed in them. (Tip: If your default placeholder content did not contain an image, you should probably avoid adding one with this tool.)

Note: If you're including an image in a Custom HTML module, remember to consider the image alt text (which is editable through the "asset picker" button), and include a value when necessary. For more details, see "Do I need to update/include alt text for every image?" in General Advice & FAQs.

How do I add a code snippet?

The "insert code snippet" button in the toolbar adds pre-made snippets of code into the content editor. Note that code snippets are often (but not always) used as a way to revert either the entire content of a Custom HTML Module to its default state, or to revert a part of its content to its original state. In many cases you will not need to use code snippets unless you're attempting to "fix" a module (i.e. bring back original content which was since removed.)

Additionally, code snippets are used as a way to add specific html into your content editor that is either difficult or impossible to achieve without editing the actual source code.

IMPORTANT: Be very careful to only use code snippets that are intended for use in the specific module you’re editing. In most cases the name of the code snippet should partially or exactly match the name of the module you’re editing. A list of all code snippets that are intended for use within a module will appear in that module's parent section's documentation in the Section Guide. Do not use a code snippet when the section name in the title of the code snippet does not match the section you are currently editing. For example, if you're editing a section created from a section template labeled as "Section 1" you should only be using code snippets whose titles include "Section 1."

I've messed up my edits and would like to revert to the original "lorem ipsum" placeholder content. Is there a way to do that?

Check to see if the module you're editing has a default code snippet available. The name of the snippet should match the name of your module (minus the given section name prefix.) If so, you may delete the entire content and then insert the appropriate code snippet. Some modules don't have default code snippets available, but they may have other snippets which could replace specific portions of your content.

Does it matter which levels of headings (H1, H2, etc) I use in my content?

Yes. For SEO and accessibility purposes, it is important that your page’s heading structure is hierarchical. This means that your page’s top heading needs to be an h1 heading.

You should also be careful to avoid skipping heading levels (i.e. using an h3 heading before an h2 has been used, etc.) If you need to change the appearance of a heading without changing the level, apply one of the heading classes from the content editor's "STYLE" dropdown (see Style Management for a list of these heading style classes.)

General Advice & FAQs

How can I ensure that my content will be accessible to all users?

Be sure to follow all recommendations and instructions given in this guide, particularly the recommendations involving link text, image alt text, and heading levels. To learn more about accessibility, please see Accessibility for Radancy CMS Publishers.

Can I change the layout assignment of a page/section/module?

You should never change a layout assignment unless specifically instructed to do so in the relevant section's documentation found in the Section Guide. This will almost always lead to unintended results.

Can I add a module to a section?

You should never add a module to a section unless specifically instructed to do so in the relevant section's documentation found in the Section Guide. This will almost always lead to unintended results.

When I'm adding a section from the "Add New" section menu to a page, what should I name my new section?

To avoid future confusion, especially for other CMS users who may need to edit/update the content you're creating, naming conventions should be consistent throughout the site. When creating a section that you anticipate will only be used on the page you're adding it to, we recommend the following naming convention: [Page Name OR Abbreviated Page Name] - [Section Template Name] [Number (only include if you anticipate other sections of the same template will be added to the same page.)] For example, "Benefits - Full Width Copy" or "DEI - Full Width Copy 1." If you anticipate that the section you're creating may be used on other pages as well, we suggest giving it a name that summarizes its purpose/intent rather than its content or context (which may change or be updated later.) For example, "Human Resources Job List" or "Annual Job Fair CTA."

Note: While you CAN change a section's name after creating it, you will NOT be able to change the names of the modules included in the section (which will, by default, include the ORIGINAL section name.) So we recommend that you carefully choose a good name for each section you create.

Can I create a CMS page without using one of the CMS Page Templates?

Yes, but this is not recommended as creating a page without using a CMS Page Template will require you to select a page layout. To avoid selecting the incorrect layout, we recommend using one of the available CMS Page Templates, in all cases.

If you are looking to create a "blank" page, see the next question.

How do I create a "blank" page?

To create a blank page, click the "Add Page" button in the "CMS Primary Theme" theme and select the [TEMPLATE NAME] page template.

Which theme should my page be assigned to?

All CMS pages should be assigned to the "CMS Primary Theme" theme.

DO NOT assign any CMS pages to the "Default Theme (GST)" theme. This theme is enabled for CMS due to system requirements, but it is NOT intended to be used as a theme for CMS Pages.

Do I need to update/include alt text for every image?

Every time you add or replace an image file, you should consider whether to include alt text for the image. In some cases, such as when the image is considered descriptive and not essential to the page content, alt text may be left blank. For more details, please see this alt text decision tree. Not only are these considerations essential in making the site accessible to non-visual users, it will also improve SEO.

Does it matter what I use for [clickable] link text?

It matters a lot. To make links accessible to all users, use link text that would make sense to users if taken out of the surrounding context. For example, "learn more about our benefits" is acceptable, whereas "click here" or "learn more" are not. This is important in all situations but be particularly careful when adding/editing links inside Custom HTML modules, as you'll have full control over what text is included in a link.

SECTION GUIDE

Hero - Section 9

Suggested Use:Hero for any Content Page

Notes: Use this section at the top of any content page. Use a smaller font size when need to fit the space

Available Code Snippets:Section 9 - Headline

placeholder alt text

Lorem Ipsum Headline

Search

Section 20 - Copy

Suggested Use:Basic text module to add to any page

Notes:Full width module

Available Code Snippets:

  • "Section 20 - Copy"

Lorem ipsum dolor sit amet consectetur

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.

Section 4 - Video and Copy

Suggested Use:Can be used on any page

Notes:You are able to use the video module as an image only

Available Code Snippets:

  • "Section 4 - Copy"

Lorem ipsum dolor sit amet consectetur

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.

Learn more

Section 6 - Copy and Image

Suggested Use:Can be used on any page

Notes:You are able to change image to video

Available Code Snippets:

  • "Section 6 - Copy"

Lorem ipsum dolor sit amet consectetur

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.

placeholder alt text

Section 8 - Multi item

Suggested Use:List with icons, statistical numbers, and labels. Feature Image on right

Notes:Be mindful of icon size and statistical number length. An icon exceeding 60x60 may cause UI issues. A lengthy number (green text) could also cause issues

Available Code Snippets:

  • "Section 8 - Copy - Headline" Use for the section heading
  • "Section 8 - Copy and Icon" Use this for the Icon, Number, Label list

Lorem ipsum dolor sit amet consectetur

  • 123 Label Text
  • 123 Label Text
  • 123 Label Text
  • 123 Label Text
placeholder alt text

Section 12 - Job List

Suggested Use:Adding a joblist to a page

Notes:Add a category or facet to the Job List module to tailor the joblist to that page

Available Code Snippets:

  • "Basic Heading Text" Use for the section heading
  • "Section 12 - CTA" Use this for the link at the bottom of the section

Lorem ipsum dolor sit amet consectetur

Section 13 - Intro

Suggested Use:Intro text on any page. Can also be used on other parts of the page

Notes:CTA modules can be deleted from this section without issue

Available Code Snippets:

  • "Section 13 - Intro"

Lorem ipsum dolor sit amet consectetur

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.

Section 14 - Multi Item

Suggested Use:Can be used on any page

Notes:Additional Icon and Copy Modules can be added to this list. Be mindful of the icon size, any size exceeding 70x70 may cause issues

Available Code Snippets:

  • "Section 14 - Intro"
  • "Section 14 - Icon and Copy"

Lorem ipsum dolor sit amet consectetur

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

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Section 2 - Copy and CTA

Suggested Use:Links to career areas with a vanity URL. Howevever, any links can be used

Notes:Use the correct image size for best results. All image sizes should be the same

Available Code Snippets:

  • "Basic Heading Text" for heading text
  • "Section 2 - Copy and Link" should be used for the standalone text with a link in the last module

Lorem Ipsum Headline

Lorem Ipsum Vanity URL
Lorem Ipsum Vanity URL
Lorem Ipsum Vanity URL

Lorem ipsum dolor sit amet, consectetur adipiscing elit Insert CTA link here sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam

Section 15 - Multi Item

Suggested Use:Can be used on any page

Notes:Additional Icon and Copy Modules can be added to this list. Be mindful of the icon size, any size exceeding 200x200 may cause issues

Available Code Snippets:

  • "Basic Heading Text"
  • "Section 15 - Icon and Copy"

Lorem ipsum dolor sit amet consectetur

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Section 16 - Multi Item

Suggested Use:Intro Text with Featured video

Notes:Can be used as image only instead of video

Available Code Snippets:

  • "Section 16 - Intro"

Lorem ipsum dolor sit amet consectetur

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.

Section 17 - Slider

Suggested Use:Quote slider

Notes:IMPORTANT: only use ONE slider per page or the slider will not function. Image must be 340x340. Slide will appear different in WYSIWYG than what it actually is

Available Code Snippets:

  • "Section 17 - Slide Copy and Image"

"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."

Name and Job Title

"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."

Name and Job Title

"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."

Name and Job Title

"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."

Name and Job Title

Section 18 - Related Content Static

Suggested Use:Static Related Content that can be manually customized to add content pages, external content pages, etc

Notes:Be sure that the pages you are linking to have a diplay title, description, thumbnail image, and text under "read time" that shows up visually as button text"

Available Code Snippets:

  • N/A

Section 5 - Tablist

Suggested Use:Use to feature benefits

Notes:Tab labels cannot be edited by CMS users but tab content can

Available Code Snippets:

  • Section 5 - Copy and Icon. The snippet will not show up in template exactly how it is portrayed on page

Benefits

Free One Medical memberships for you and three friends or family members

Medical, vision, and dental with a variety of plans to fit your needs

physical benefit icon

Generous paid time off, with the flexibility to use it for vacation or wellness

Employee Assistance Program

Paid four-week sabbatical for every five years of service

mental benefit icon

401(k) with company match

Paid basic life insurance

100% company paid short and long term disability insurance

Paid subscription to our partner Urban Sitter specializing in child and senior care; you’ll also have an emergency childcare credit

benefits financial icon

Section 7 - Copy and Form

Suggested Use:Image and Copy with Job Alert Pop Out Form

Notes:Stays at theme level

Available Code Snippets:

  • n/a

Sign up for job alerts

Be the first to know about One Medical career opportunities, hiring events, and the advantages of working with our collaborative team. Sign up and get exclusive emails from our recruiters.

Interested InSelect a job category from the list of options. Select a location from the list of options. Finally, click “Add” to create your job alert.

By submitting your information, you acknowledge that you have read our privacy policy opens in new window and consent to receive email communication from One Medical.

phone illustration

Sign up for job alerts

Be the first to know about career opportunities that will transform healthcare

Sign Up