Widget Type - Announcement Bar

The Announcement Bar widget can display up to 4 announcements, with your choice of a (grey) Attention, (green) Reminder, (yellow) Caution and/or (red) Alert announcement bar. The widget is configured by adding each announcement and adding/selecting the announcement type and message, and adding optional fields of hyperlink text and hyperlink URL. Only one announcement bar will display, regardless of the number of announcements. If there are multiple announcements, the announcement bar will rotate between each announcement. The number of announcements will be indicated in the far left of the announcement bar. A user can click the CLOSE button to permanently close an announcement. If there are no more announcements, the announcement bar will disappear.

Available in the following Content Blocks: Extra Large, Large

Requirements:
  • Only Available for Widget Sites. [Interested in Widgets, Learn More]
  • Pre-built pages if re-directing to internal pages on the site

Configuration


Any field marked with a red asterisk (*) is required in order to save the widget. Once all the applicable fields have been configured, click Save & Close to save the widget. Once an announcement has been added, hover over the existing announcement to Edit or Delete that announcement.

Default
  • Add item: click to add a new announcement
    • Announcement Type:*choose between Attention (grey), Reminder (green), Caution (yellow) or Alert (red)
    • Announcement:* enter the announcement message; there is a 65 character limit
    • Hyperlink Text: enter text that will display as the link; there is a 15 character limit
    • URL: click Select and choose where the user will be directed to when they click on the link 
      • Web: if you want to link to an external site
      • Media Libraries: if you want to link to a PDF
      • Content Tree: if you want to link to an internal page; select the page on the Content Tree that you want to link to
    • Click Save
Advanced (Optional) settings
  • Margins:‚Äč
    • Top: use slider to select margin measured in pixels
    • Bottom: use slider to select margin measured in pixels
  • Override Padding: check the box to use the following settings:
    • Top: use slider to select padding measured in pixels
    • Bottom: use slider to select padding measured in pixels