Editing Sidebar Content

Sidebar Content is used for important links or information that will be displayed in a module on the right side of the page. Up to three sidebar modules can be placed on a page, and sidebars are only available on Standard Pages. There are four content types: Layout Editor (text), List (bulleted text), Image, Video and Random. 

layout editor sidebar   list sidebar   image sidebar   video sidebar 

Adding/Removing sidebars

  • To add a second or third sidebar, scroll down to the bottom of the page where the right side bar content is located.
  • Select the blue notepad icon and choose “Insert Above” or “Insert Below”, depending on where you would like the new sidebar to be displayed.
    • insert above 
  •  From the "Content Type" drop down menu select the type of sidebar you would like to add.
    •    _right sidebar content 
  • To remove a sidebar or to choose to display none at all, select the blue notepad icon and choose “Remove” for each “Right Sidebar” “Content Section."
  • insert above 

 

Layout Editor

To add/edit a “Layout Editor” sidebar with text only:

  1. Select “Content Type: Layout Editor” from the drop-down menu.
    • sidebar dropdown layout 
  2. In the “Sidebar Heading” field, enter a title for the sidebar.
  3. layout sidebar heading 

  4. Enter your desired text and/or hyperlinks into the text field.
  5. sidebar layout text 

  6. When you publish the page, your text sidebar will now appear on the right side of the page.

List sidebar

To add a “List Sidebar”:

  1. Select “Content Type: List” from the drop-down menu.
  2. sidebar dropdown list 

  3. In the “Sidebar Heading” field, enter a title for the sidebar.
  4. layout sidebar heading 

  5. If you would like to have a sub heading that appears above the bulleted list, enter it in the “Sub Heading” field.
  6. list sidebar subheading 

  7. To add each item in the bulleted list, select “Add List Item”. add list item 
  8. Continue selecting “Add List Item” for each bulleted item you would like to add.
  9. Add and format your text for each bullet point. 
  10. When you publish the page, your bulleted list will now appear on the right side of the page.

Image sidebar

To add an “Image” sidebar:

  1. Select “Content Type: Image” from the drop-down menu.
  2. content type image 

  3. In the “Sidebar Heading” field, enter a title for the sidebar.
  4. layout sidebar heading 

  5. Click on the “Image” icon.
  6. image icon 

  7. Navigate to your image in the CMS library.
  8. Enter a caption in the “Image Caption” field (even if you choose not to display the caption, it must be entered for accessibility reasons).
  9. image caption 

  10. You can add a link, if desired, by clicking on “Optional Image Link” and entering a URL or navigating to a page in the CMS library by clicking the ellipses (…) icon.
  11. When you publish the page, your image sidebar will now appear on the right side of the page.

Video sidebar

To add a “Video” sidebar:

  1. Select “Content Type: Video” from the drop-down menu.
  2. content type video 

  3. In the “Sidebar Heading” field, enter a title for the sidebar.
  4. layout sidebar heading 

  5. Your video must be hosted on YouTube. Click the “Share” button under the video on the YouTube page and copy the URL found in the “Link to this video” box.
  6. youtube 

  7. Paste this shortened URL in the “Link to Video” field of the sidebar section.
  8. When you publish the page, your video sidebar will now appear on the right side of the page.

Random sidebar

This sidebar will display a random sidebar from a selected pool each time a web page displays.

For a consistent user experience, use the random sidebar with just one type of sidebar (ex. All “Layout Editor” sidebars with the same look and feel). Using multiple types of sidebars (ex. a list sidebar, a video sidebar, and an image sidebar) may confuse our site visitors.

  1. Create a sidebar folder inside your site folder. This folder will only contain sidebars for your random sidebar.
    • See the folders step-by-step for directions on how to add a folder.
    • Sidebar Folder
  2. Navigate to the random sidebar folder and add sidebars using the sidebar smartform.
    1. Click on the folder for your random sidebar.
    2. Select "New" then "Smartform" and “Sidebar” to create a sidebar       
      • Random Sidebar Smartform
    3. Add a “Title” and  the “Sidebar Heading”.
    4. Select the “Content Type”.  Content type can be: Layout Editor, List, Image or Video.
    5. Complete the form.
    6. Click “Publish” on the upper grey menu bar.
  3. Navigate to your page to add the random sidebar to.
    1. Navigate to the folder your page is in and edit the page.
    2. Scroll to the bottom of your page and add a sidebar.  Random Sidebar
    3. Under “Content Type” select “Random”.
    4. Click on the “Folder to get resource from” and navigate to the folder for your sidebar.
    5. Click “OK” when selected.
    6. Click the “Publish” icon on the upper grey menu bar.


previous 
next