Bring attention to a link with this customizable image.
Add the component to the page. There are two tabs, Button Linked and Advanced.
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 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 - 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.
The Advanced tab allows you to customize the component by choosing the width and color.
Width - Choose from:
Button Color - Choose from:
** Yellow was added for use in emergency communications, to supplement the Issues Advisory Banner.
Note: An older version of this component had settings for shapes and text alignment, but these will be ignored if present.
June 3, 2020