Alert: The Plaza Building will remain closed through Jan. 20, 2025.

Learn More

Reminder: Web Accessibility Compliance Law in effect

The new Colorado accessibility law, HB21-1110, affects university websites and went into effect July 1, 2024. This means that university website owners/content managers must ensure your website content meets the minimum web accessibility standards.

Learn how to meet accessibility standards

Featured tabs widget

About



Need to feature content on a homepage? You can use this widget to display content in tabs with icons.

Design


 

The Font Awesome library is used to deliver icons.
You can have up to six tabs.

Click the image below to see the mobile view:

Mobile view of featured tabs

How to


Drag the featured tabs widget from the right column to the center space.

Dragging featured tabs widget to content area


Click edit next to the first tab. 

Featured tabs widget settings

Choose an icon, provide a label, and add additional content using the rich text editor. Click Add tab item. 

individual feature tab properties

Repeat as necessary for additional tabs. Save. 


Using images instead of icons

1. Select "Edit" at the top right of the featured tabs widget.

2. Then select "Edit" to add an image to a current tab, or the "Add tab item" button to add an image to a new tab.

Add image to featured tabs: select edit or add tab item

 

3. "Select image" and choose an image from your library or upload a new image.

Add image to featured tabs: Select image button

4. Scroll down and select "Update tab item". Then "Save".

Additional information



When using this widget, please note that it will continue to display text on mobile screen sizes in addition to the icon. Also, instead of condensing the tabs, they will stack on top of each other. This supports the accessibility and usability of this widget on various screen sizes.

CMS Login