Skip to main content
UMD Terp Template Demo Site
Alternative Homepages Basic Pages Find Inspiration Kitchen Sink Guidelines
Alternative Homepages
Homepage: No Image Alternate Homepage: Video Loop Alternate Homepage: background with all options
Basic Pages
Internal Page Alternate Internal Page Directory News Events
Find Inspiration Kitchen Sink
Text Formatting Two and Three Columns Accordions Blockquotes Stat Groups Tabs Tables Button and Links Card Groups Image (Single) Image with Text Carousels Slideshows Video Event and News Feeds Views (Local Article and Event Feeds) People Dividers Template Customization Contact Us
Guidelines
Getting Started Introduction Basic Layouts Content Types Widgets Roles and Permissions Taxonomy Customization Advanced Editing Accessibility Reviews
Homepage: No Image Alternate Homepage: Video Loop Alternate Homepage: background with all options
Internal Page Alternate Internal Page Directory News Events
Text Formatting Two and Three Columns Accordions Blockquotes Stat Groups Tabs Tables Button and Links Card Groups Image (Single) Image with Text Carousels Slideshows Video Event and News Feeds Views (Local Article and Event Feeds) People Dividers Template Customization Contact Us
Getting Started Introduction Basic Layouts Content Types Widgets Roles and Permissions Taxonomy Customization Advanced Editing Accessibility Reviews

Alerts (UMD Terp Homepage Only)

Home Template Guidelines Widgets Other Alerts (UMD Terp Homepage Only)

The Alerts widget provides a space to inform visitors on temporary, but important information specific to that organization (ie: Early closures, immediate changes to a program, etc). Alerts have fields Titles, text, and a Button, and can get setto one of three colors.

Alerts front view

Adding an Alert Item

  1. Follow the instructions to add a new widget to your page (Select: “Add Alerts”), or follow the instructions to edit an existing Alerts Widget.
  2. Click the “Add Alert Item” button at the bottom of the button set widget. Limit to one Alert Item if possible: While multiple alerts can be added as needed, it’s generally best to have only one.Add alert item

     

  • Change the Alert Item order: Alert Items can be rearranged by clicking and dragging the crossed arrows icon on the left side of the alert you want to move.Change alert item order

     

Available Fields

Alerts Widget, Global Fields

  • Style (Color): Alerts can be styled to one of 3 colors: UMD Red, Yellow, or Gray.
  • Alerts Title: The Alerts Title appears once at the top of the widget container. The Alerts title should be short and catchy. They are styled as heading 2 elements, and can be overwhelming if they get too long.

Alert Item Fields

  • Alert Title: Where the Alerts Title (plural) appears at the top of the Alerts widget container, the Alert Title is the title for a specific Alert Item. It should also be short and catchy.
  • Alert Text: Text areas for Alert Items support the same formatting options as the “text widget. However, we recommend limiting the amount of formatting used, and the length of the content.
  • Alert Link: The alert link is styled as a button, and to match the color style of the Alert.
  • URL: The URL is the technical term for the web address your Link points to. If you are linking to another page on your site, you don’t need to know the exact address, just the name of the page. If you are linking to a different site (like the University’s Giving site), be sure to include “https://” at the beginning of the address if it isn’t already.
  • Link Text: Link Text is the text that will appear inside the button. While the button will display up to 120 characters before truncating it, try to keep link text short to a few words, and with a clear message.

Front-end View (What it looks like)

alert front-end view


Back-end View (What the editor sees)

alerts admin view
UMD Terp Template Demo Site
123 Street Name, College Park, MD 20742, USA
drupal@umd.edu 555-555-5555