Buttons

There are three button colors that can be used in the CMS. They can easily be created when you set up your link or you can use the List Spread Buttons snippet to create multiple buttons in a row.

Yellow

Black

Blank

Primary Button

Good for calls-to-action, think of it as a main purpose for a user on a page. You can find examples on our Apply Now page and in our magazine which prompts the user to download the PDF version.

Primary Button

Secondary Button

This button compliments a primary button in some format. Generally, you only use this button if you already have a primary button somewhere on your page.

Secondary Button

Styled Button

If you’re looking to have a link that is a bit more stylized but not necessarily a call to action, this is a good option. These links can be seen on our homepage as the link to more news and on profiles with CV’s. This is the default button style in the List Spread Buttons snippet, the RSS Feed Combined snippet, and the Top Title w/More Links snippet.

Styled Button

Creating a Single Button in the CMS

JustEdit Editor in an Editable Region

  1. Type the text you want to be in the button.
  2. Select the text and choose the Insert/edit Link icon from the toolbar. Linked chains icon in toolbar to insert or edit a hyperlink.
  3. Enter the URL for the button to link to or select the appropriate CMS link using the file picker.
    The insert internal link icon circled on the Insert/Edit Link window.
  4. From the Class dropdown at the bottom of the window choose “Link Button Yellow,” “Link Button Black,” or “Link Button Blank.”
  5. Click the Save button.


(Video has no sound.)

“Mini Editor” in an Asset or MultiEdit Content

  1. Type the text you want to be in the button.
  2. Select the text and choose the Insert/Edit Link icon from the toolbar. Linked chains icon in toolbar to insert or edit a hyperlink.
  3. Link the text using the Link URL field.
    The insert internal link icon circled on the Insert/Edit Link window.
  4. In the Class field choose (custom).
  5. Enter the appropriate button code in the Custom Class field (without quotation marks).
    1. “button” for a yellow button
    2. “button-black” for a black button
    3. “button-blank” for a blank button
  6. Insert.


(Video has no sound.)

Creating Multiple Buttons in a Row

Use the List Spread Buttons Snippet to create multiple buttons in a row.