Folwell Component Examples

There are two ways to add Folwell Components: either on the Edit tab or on the Layout tab. The components are the same in both methods.

If multiple components are added to a page, it's best to use the Layout tab, since each component will be a separate block and can be moved to different areas of the layout. Adding multiple components via the Edit tab means all of them will be in the same block, and cannot be moved independently.

The example components to the right (a Tabs Wrapper and an Image) are contained within the same block, so must be moved together.

Below are examples of the different Folwell Components that can be added to a page. 


Tab #1 Title

This is some example text on the first tab.

Tab #2 Title

This is example text on the second tab.

Multiple tab content regions can be added to a tab. This is the second region on tab #2

And here is a third region, that contains some useful hyperlinks:

Champ cheers on the Bulldogs at Romano Gymnasium. Courtesy of UMD Athletics.

Champ roots for the hometeam!

UMD Library

Here are the eight different Folwell Components.

Folwell Tabs Wrapper

This is the Tab Section Title

Tab #1 Title

Here is some example text. It's just a standard text area with wysiwyg formatting tools.

  • List item #1
  • List item #2

Hyperlink to UMN

Tab #2 Title

Here is the content on the second tab.

Folwell Accordion

Expand all

This is #1

This is the text header

Here is some text in an accordion.

Table Example

The name of the table

The table caption
Direction Amount
East 10
South 15
West 5
North 20

A Nested Accordion

Expand all

Item #A1

Sub Accordion Header

Here is some content.

Item #A2

Sub Item #2

Here is some example text.

Folwell Callout

Folwell Image (50%)

goldy gopher on the gridiron.

This is the image Caption. This image was inserted using 50% (notice that it is 1/2 the width of the region).

Available image sizes are 100%, 50%, 33%, 20%

This is the Photo Credit

Folwell Overlay Slideshow

This is the slideshow header

goldy gopher on the gridiron.
Champ cheers on the Bulldogs at Romano Gymnasium. Courtesy of UMD Athletics.

Folwell Slideshow

The Slideshow Header

goldy gopher on the gridiron.
Champ cheers on the Bulldogs at Romano Gymnasium. Courtesy of UMD Athletics.

Folwell Link List

Folwell Transparent Overlay Content

Champ cheers on the Bulldogs at Romano Gymnasium. Courtesy of UMD Athletics.

Champ greatly hopes the team is victorious! The background color can be maroon, gold, gray, or white. The placement can be left, right, bottom or full image. 


zero

one

two

three

four

five

six