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, 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
Button Text - Type the wording you want displayed on your button (Learn More is the default text).
Additional Label Text - Allows for a longer description to assist screen readers to give more context for repetitive buttons on the same page.
Link - 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.
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.
Restrictions
None.
Was This Page Helpful?
On this page:
See an Example:
Related Components
Last Reviewed:
June 7, 2019