Body Text Component

A block of text.

Classic Flex UI

Flex UI is available to all UBCMS users now. Learn more.

On this page:

Accessibility
  • Alt text setting for hyperlinks in text components.
  • Create headings with the Title component.
  • Use the Open in New Window setting sparingly.

> Read more.

Last reviewed: September 24, 2021

Using This Component

This component is blank by default.

Select the component then choose between Edit (pencil icon) or Configure (wrench icon) to add or edit the content. (For this component, both avenues provide the same functionality.) A Rich Text Editor supports basic formatting (bold, italics and bullets) as well as hyperlinks.

Pre-formatted text can be pasted in from other sources (e.g. a word processor or a non-UBCMS website). This allows inclusion of special characters, hyperlinks, and simple text formatting (e.g. bold, italics, underlining), while incompatible formatting will be suppressed (e.g. font colors, different font types or sizes, headings, lists, and images) and you will often see extra blank lines or spaces. Expect to do some cleanup before you are done.

The component opened for editing a hyperlink, using the Rich Text Editor.

The component opened for editing a hyperlink, using the Rich Text Editor.

For hyperlinks, the option is provided to open in new page. 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.)  

Also, an Alt Text field is provided, to provide additional labelling for hyperlinks.This can provide clarity, when link text is used repeatedly down the page or when it is not clear where the link is going (for accessibility reasons). If you choose to use this setting:

  • The text should be able to stand on its own (it shows in a tooltip on hover).
  • The text should make sense if read after the actual link text (many screen readers will read it this way).
  • The text should not be essential (most users will not see it at all).
Enhancing Your Text

Learn how to use the Rich Text Editor to enhance text with hyperlinks, anchors and more.

Technical Restrictions

  • When pasting in pre-formatted text from another program, incompatibly formatted text will be suppressed, while other details (e.g. font color, different fonts, text styled as a heading, list items, images) will just be ignored.
  • Do not link to DAM assets using a relative path (/content/dam/...) -- for these you must use a separate File Download component. > read more about this Known Issue

Accessibility Concerns

See an Example

Watch a Training Video

Was This Information Helpful?

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