NEW! Button Format Available for Links and Documents

Sample Button Format

The Button Format provides users with a more graphically styled hyperlink that has a uniform appearance across all CMS sites yet remains consistent with the look and feel of the user's site.

Originally designed for use in the right hand column of the home page, it is available for use in any region configurator.

The single button format is available only through the region config. Simply select the "TitlButton" format available for Link and Document content types.

To add additional flair to your buttons, place a pipe character ("|") between two words in the Title field and the two parts of the title will then be differentiated in color. In the example near the top of this page, the contents of the title field are "MAKE| AN APPOINTMENT".

Additionally, documents and links placed in succession one after another on the subpage presentation template or in the top region of the row plus two presentation template and inside a region config will be grouped two on a line.

Best Practices to consider:

  • Keep your titles succinct and action focused (ex. Read Our Newsletter or Download the Application). Titles that are too long should be automatically truncated with an ellipses added to indicate more information. However, lengthy titles may (at times) may result in an additional third row of text within the button making it look cramped. (see image below)
  • Save your button format use for important, high-impact use. Placing 12 buttons on a page is probably not the best use of the format. Be careful not to simply duplicate your navigation, either.
  • Placing buttons above an Article content type will result in the text of the article wrapping around the button. While this may not be as much of an issue with one button, when two or more buttons precede an article, the text may attempt to wrap all the way to the top of the page. To remedy this, simply add the appropriate number of paragraph returns in the article body to move the text below the buttons.

button best practices demonstrating titles that are too long