University at Buffalo - The State University of New York
Skip to Content
UB Web Management

Transforming UB’s digital communications through process and tools

Key Tasks Component

Place up to five calls to action next to a photo or slide deck on your home page.

New Brand Features

In the new brand, this component is completely reimagined. Comes with new branded color combinations Space for slides/photos is wider so adjust content accordingly.
> read more about the digital brand transition
> read more about changes to this component

Using This Component

Add the component to the page. The component has two pieces.

  1. Once the Key List component is on your page, you can then add its companion component -- Photo or Slide Deck Horizontal -- into the area on the left.  Add the companion component as a new component, or drag an existing component that is alreadypresent on the page.
  2. On the right is the Key Tasks module itself.
The component as it looks when first loaded onto the page.

The component when first loaded onto the page. An existing slide deck appears below the new component.

Key Tasks Tab

Headline - Enter the main descriptive title.  

Color Scheme - Choose a color scheme that is compatible with your home page.

Tasks (up to five can be added):

Title - Enter a heading that will link to one of your pages. Required.

Text - Enter additional descriptive text. If this is skipped for ALL tasks, the module will display as 'quick links' (see below).

Link - Provide the corresponding hyperlink to one of your pages.

The component opened for editing, showing the Key Tasks tab settings.

The component opened for editing, showing the Key Tasks tab settings.

These links should be to your site's most important key tasks based on your DCT strategic assessment.

Note: The Key Tasks component offers two display options:

  • Key Tasks Menu: If all tasks have descriptive text, they will display as a series of 'key tasks,' like teasers without thumbnail images.
  • Quick Links Menu: If none of the tasks have descriptive text, they will display as 'quick links,' like calls to action with a '>' bullet.
Example of a Key Tasks Menu.

Example of a Key Tasks Menu. Note all the tasks have descriptive text and the secondary component has not yet been added.

Example of a Quick Links Menu.

Example of a Quick Links Menu. Note none of the tasks have descriptive text and the secondary component has not yet been added.

New Brand Features

At a Glance
New color themes.
Space for text is narrower so adjust content accordingly.

Details

In the new brand, this component is completely reimagined and comes with new branded color combinations.  

The slideshow/photo column in the new brand version will now be wider, and thus the space provided for your text is narrower. Adjust your content accordingly.

Tie your color choices into your overall brand strategy.

The component opened for editing, showing the settings.

The component opened for editing, showing the settings.

Restrictions

  1. This component is only intended for use on one-column pages and home pages that are the equivalent (where the component spans the whole width of the page).  If your implementation is narrower, you may have problems.
  2. This component is only intended to accompany a Photo or Slide Deck: Horizontal component.

Was this page helpful?

(Required)
(Required)
(so we can thank you or request more details)
(Required)
(buffalo.edu addresses only please)

On this page:

See an Example:

Related Components:

Last Reviewed:

April 18, 2017