Button Component

Bring attention to a link with this customizable image.

Using This Component

Add the component to the page. There are two tabs, Button Linked and Advanced.

The component as it first appears on the page.

The component as it first appears on the page, showing the default "Learn more" text in a gray box.

This component can be placed in the page header, main body or in the right sidebar. It can also be used on a homepage. When it is first placed on the page, the default "Learn more" text is displayed, in a gray box.

Note: the Button component uses CSS3 and may look slightly different depending on the Web browser being used.

Button Link Tab

  1. Type the wording you want in the Button Text field (Learn More is the default text)
  2. In the Link field type the URL of the website you want to link to (example: http://www.thisisawebsite.com). If you are linking to a page within the UBCMS use the magnifying glass and navigate to the page you want to link to.
The component opened for editing showing the Button Link tab settings.

The component opened for editing showing the Button Link tab settings.

Advanced Tab

The Advanced tab allows you to customize the component by choosing the width and color.

Note: And older version of this component had settings for shapes and text alignment, but these will be ignored.

The component opened for editing showing the Advanced tab settings.

The component opened for editing showing the Advanced tab settings.

Restrictions

None.

Was This Page Helpful?

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

On this page:

See an Example:

Related Components

Last Reviewed:

April 25, 2018