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

Widgets

In computing or web design, a “widget” usually refers to something that provides a specific function or access to a service. The UMD Terp Templates have widgets that can be added to the bottom of any page. While functionality might overlap, each widget in the templates is designed with a specific purpose.

Adding new widgets to a page

  1. In order to add widgets to the page, follow the instructions to start editing an existing page, or to create a new page.
  2. Once in the editor, scroll/swipe to the bottom of the page to find a “Sections” area with a dropdown button that reads “Add Text” and a downward pointing triangle (▾) next to it. 
    1. To add a basic text area to your page click the “Add Text” button. The new text widget is automatically added to the bottom of the page you are editing. Visit the Kitchen Sink for a collection of text styles, formatting options, and recommendations.sections add text field

       

    2. To add a different type of widget, click the downward pointing triangle (▾), next to the “Add Text” button, to see additional options, ad click the widget you want to add. The new widget is automatically placed at the bottom of the page you are editing. Each widget is described in detail in these guidelines. Examples of each widget are available on the Drupal Demo site for these templates.Add sections

       

  3. Add any desired content to the widget.
  4. Scroll to the bottom of the page, and click the “Save” button to save your changes.
  • Prevent Data Loss: Any widgets you add, or any changes you make to existing widgets are not saved until the entire page is saved. Click the “Save” button at the bottom of the page, to save changes.

Editing an existing widget on a Page

  1. In order to edit widgets on a page, follow the instructions to start editing an existing page.
  2. Locate for the particular widget you want to make changes to in the “Sections” area at the bottom of the page you are editing.
  3. Click the “Edit” Button on the upper right side of that widget to open the available editor options.Edit section

     

  4. Edit or remove any desired content.
  5. Scroll to the bottom of the page, and click the “Save” button to save your changes.
  • Prevent Data Loss: Any changes you make to existing widgets are not saved until the entire page is saved, by clicking the “Save” button at the bottom of the page.

 

Available widgets

While each of the 5 layouts offer specific options for adding content to a page, they all have a common set of “widgets” that they take advantage of. A showcase of all these widgets can be seen on the Kitchen Sink page of the Template Demo site.

available widget tips

Editing Tips: Each available widget, when added, comes with a “tips” menu that lists requirements or best practices for adding content to that widget.

Available widgets arranged by type

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