University at Buffalo - The State University of New York
Skip to Content
UB Web Management

Transforming UB’s digital communications through process and tools

Title Component

Label page sections with these headings.

New Brand Features

A new H5 display style is added. 
read more about the digital brand transition
> read more about changes to this component

The component as it first appears on the page.

The component as it first appears on the page.

Using This Component

Add the component to the page. There is only one tab.

In general, use Titles hierarchically:

  • Place a single Heading 1 at the top of a page.
  • If desired, break up the content that follows with Heading 2 Titles.
  • If desired, break up the Heading 2 sections with Heading 3 Titles.
  • (Heading 4 Titles are handy in the right sidebar.)

By default, the Title will be a Heading 1 and the text within it will be the same as the page title. (To change the main page title, use Page Properties.)

Title - Edit this field to change the text of the heading. This does not change the page's Title.

Type/Size - Select an option from the Type/Size field to select the desired style (see examples at right).

Link - Enter a URL here to turn the title into a clickable hyperlink. Use the magnifying glass to browse for a target page within the UBCMS.

Open in new window - This optional setting forces the clicked link to open in a new browser tab or window.

  • When that is selected, an additional icon will follow the linked text, to alert visitors that they will be taken to a new browser window, or even leave the current website.
  • If the hyperlink goes to a downloadable file, an document icon will instead be shown as well as the file size if the file is on the same server.
  • Read more about link labels.

Exclude from "on this page" lists - This optional setting prevents this title from being included in the On This Page component (see the live example in the right sidebar).

ID - Enter a character string to identify this title as a link anchor so another page can link here.

The Title component opened for editing.

New Brand Features

At a Glance
H5 size added, looks like heading in flex module.
H4 will become blue.
In old brand H5 and H4 look identical.

Overview

An H5 style has been added. It is all capitals and looks like the heading in the flex module. (In the old brand it displays as an H4.)

In cases where a module component (e.g. flex module or carousel) does not meet your needs, the new H5 option allows authors to create the look of a module using other components with the combination still matching other modules on the page. The H4 in the old brand never quite matched the module headings.

The component opened for editing.

The component opened for editing showing the Type/Size options.

Restrictions

  • Headings that are displayed in all-capital letters cannot be made lower case.

Was this page helpful?

(Required)
(Required)
(so we can thank you or request more details)
(Required)
(buffalo.edu addresses only please)

On this page:

Examples (old brand):

Examples of the title styles for the old brand.

Examples (new brand):

Examples of the title styles for the new brand.

When viewed in the browser tab, search results, or bookmarks, all UBCMS pages will always end with ' - University at Buffalo'.

Related Components:

Related Videos:

Last Reviewed:

April 20, 2017