Content Widgets Style Guide | UMC

Style Guide | Page Design and Layout | Style and Format | Image and Multimedia Widgets | Additional Functionality

About the . . .

Instructions

This snippet is only used in digital publications templates.

Back to widget index

Accordion

Slider Type

Title

Content

Slider 2

This is content in a slider.

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

List

Item 1
Item 2

List Class None

Item 1
Item 2

Back to widget index

Image

Button

Button Black

Button Blank

Video

Title

This is the Description field.

Link

This is a link in a slider.

Slider With Expand/Collapse (automatic)

Slider Title Here

Slider content goes here.

Another Slider Title Here

FAQ Type

Can the question include links or other styling?

No, the question field can only be text. However, the answer field can include other content and styling such as headings, links, images, and other snippets.

What is the maximum number of FAQs I can add?

You can technically add an unlimited number of FAQs, but a good rule of thumb would be to have no more than seven in a section. If you have more than seven you should group them into categories and break them up with headings.

FAQ With Expand/Collapse (automatic)

What is the first question?

Here is the first answer.

What is the second question?

Here is the second answer.

What is the third question?

Here is the third answer.

Instructions

Sliders and FAQs are created using the Accordion Snippet.

Back to widget index

Blockquote

"This is a blockquote."Megan Ross

"This is a blockquote in a row with background."Author Name

Instructions

Blockquotes are created using the Blockquote Snippet.

Back to widget index

Card

In A Boxed Section with Gutter Spacing

Learn More

Learn More

Learn More

Custom Button

Learn More

Learn More

Learn More

In A Boxed Section with No Gutter Spacing

Learn More

Learn More

Learn More

Custom Button

Learn More

Learn More

Learn More

Instructions

Insert the Card snippet into the Boxed Sections snippet.

Back to widget index

Charts

Area Chart

Loading. . .

Bar Chart

Loading. . .

Column Chart

Loading. . .

Line Chart

Loading. . .

Pie Chart

Loading. . .

Stepped Chart

Loading. . .

Instructions

To include a chart on a page, you must have data in a URL-accessible location, such as a Google Sheet. Use the Chart Snippet.

Back to widget index

Class Descriptions

MA 1160 - Calculus with Technology I

An introduction to single-variable calculus, which includes a computer laboratory. Topics include trigonometric, exponential, and logarithmic functions, differentiation and its uses, and basic integration. Integrates symbolic tools, graphical concepts, data and numerical calculations.

Credits: 4.0
Lec-Rec-Lab: (0-3-1)
Semesters Offered: Fall
Pre-Requisite(s): ALEKS Math Placement >= 86 or CEEB Calculus AB >= 3 or CEEB Calculus BC >= 3 or CEEB Calculus AB Subscore >= 3 or ACT Mathematics >= 29 or SAT MATH SECTION SCORE-M16 >= 680

CS 5831 - Advanced Data Mining

Data mining focuses on extracting knowledge from large data sources. The course covers data mining concepts, methodology (measurement, evaluation, visualization), algorithms (classification/regression, clustering, association rules) and applications (web mining, recommender systems, bioinformatics).

Credits: 3.0
Lec-Rec-Lab: (0-3-0)
Semesters Offered: Spring
Restrictions: Must be enrolled in one of the following Level(s): Graduate
Pre-Requisite(s): (CS 3425 or MIS 3100 or SAT 3210) and (MA 2330 or MA 2320 or MA 2321) and (MA 2710 or MA 2720 or MA 3710)

UN 1015 - Composition

Provides direct instruction in composition. Students examine and interpret communication practices and apply what they learn to their own written, aural, and visual compositions. Class projects ask students to communicate in a variety of modes and to attend to audience, purpose, and context.

Credits: 3.0
Lec-Rec-Lab: (0-3-0)
Semesters Offered: Fall, Spring, Summer
Restrictions: Must be enrolled in one of the following Class(es): Freshman

Instructions

Class Descriptions are created using the Class Descriptions Snippet.

Back to widget index

Faculty/Staff Content Single

Contact

FirstName LastName

Title1
Title2
Title3

Email
Phone
Location

Contact-Sidebar

Bio

Contact

Email1
Phone1
Location1

FirstName1 LastName1

Title1
Title2: Affiliated Professor, Materials Science and Engineering, and Psychology and Human Factors
Title3

Education1
Education2
Education3
Education4

Biography

This is the Biography section.

Research

FirstName MiddleName LastName

This is specialties right.

View the Faculty/Staff Content Single snippet: on a Page with One Sidebar | on a Page with Both Sidebars

Instructions

Use the Faculty/Staff Content Single Snippet to include a specific person's personnel information on a page.

Back to widget index

Faculty/Staff Listing Multiple

Standard Staff Listing

"Quote"
—QuoteSource

FirstName MiddleName LastName

Title1
Title2
Title3

Specialties Left

This is the specialties left section.

Extra Specialties Left

This is the extra specialties left section.

Specialties Right

This is specialties right.

"Quote"
—QuoteSource

FirstName1 MiddleName1 LastName1

Title1
Title2: Affiliated Professor, Materials Science and Engineering, and Psychology and Human Factors
Title3

Specialties Left

This is the specialties left section.

Extra Specialties Left

This is the extra specialties left section.

Specialties Right

This is specialties right.

Bio

Contact

Email
Phone
Location

FirstName LastName

Title1
Title2
Title3

Education1
Education2
Education3
Education4

Biography

This is the Biography section.

Read Full Bio

Contact

Email1
Phone1
Location1

FirstName1 LastName1

Title1
Title2: Affiliated Professor, Materials Science and Engineering, and Psychology and Human Factors
Title3

Education1
Education2
Education3
Education4

Biography

This is the Biography section.

[ read more ]

Focus

The focus version should only be used in a Boxed Section Even Columns snippet with two columns.

FirstName LastName

Education1

Contact

Email
Phone

Title1

This is the Biography section.

FirstName1 LastName1

Education1

Contact

Email1
Phone1

Title1

This is the Biography section.

[ read more ]

Publications

FirstName MiddleName LastName

This is the publications content.

View complete profile for FirstName MiddleName LastName

FirstName1 MiddleName1 LastName1

This is the publications content.

View complete profile for FirstName1 MiddleName1 LastName1

Research

FirstName MiddleName LastName

This is specialties right.

FirstName1 MiddleName1 LastName1

This is specialties right.

View the Faculty/Staff Listing Multiple snippet: on a Page with One Sidebar | on a Page with Both Sidebars

Instructions

Use the Faculty/Staff Listing Multiple Snippet to include a multiple people's personnel information on a page.

Back to widget index

Named Testimonial

All Fields

Title

This is where the quote content would go. Name Placement is set to "right."

Author Name

Author Title

Title

This is where the quote content would go. Name Placement is set to "left."

Author Name

Author Title

Required Fields Only

This is where the quote content would go.

Author Name

Instructions

Use the Named Testimonial Snippet in the Main Content or Additional Content regions.

Back to widget index

Link

The pop-up text can be styled as a

link

Button

It can also be styled as

a button

a black button

or a blank button

Blockquote

"A blockquote can also be a pop-up text link."Author Name

Tout

1
example of a tout with pop-up text

Instructions

The Pop-up Text Snippet can be used on the page or in the Touts Snippet.

Back to widget index

Ranking (Inline)

At Michigan Technological University, our 7,300+ smart students build and launch nanosatellites, make prosthetic ankles better, and connect robots with kids.

Instructions

Enter the desired text surrounding the ranking. Then insert the Ranking (Inline) Snippet in the desired location.

Back to widget index

Ranking (Standalone)

All Options

#1 Mid-career salaries (public MI universities)
Payscale.com, 2015

Required Fields Only

#1 Mid-career salaries (public MI universities)

Instructions

User the Ranking (Standalone) Snippet.

Back to widget index

Row with Background

Image

You can put text over the background.

View of campus from across the waterway.

MTU Gold

This is the gold background.

Black

The system knows what color text to use for each background color.

Dark Gray

Dark gray is one color option.

Light Gray

Light gray is another color option.

Deep Gold

Deep gold is color option.

Teal

This is the teal background.

Copper

This is the copper background.

White

touts

can
go

over
the

background

Instructions

Use the Row w/Background Snippet.

Back to widget index

Row With Left Image

Wrap

This is some text below the image. You can see what it does in conjunction with wrapping.

Title

One of the parameter option is wrapping. If you set wrapping to true, the text on the right will wrap beneath the content on the left if it gets too long.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eget nisl. Aenean ut posuere ex. Maecenas nec massa mauris. Donec mi mauris, dapibus ut risus ut, consectetur hendrerit tellus. Nullam scelerisque laoreet tellus. Mauris tristique mattis enim, sit amet congue ex dictum in. Fusce aliquam nisl est, ut euismod metus tempor non. Nulla aliquet congue pulvinar. Mauris bibendum felis ac aliquet dignissim. Pellentesque nec ornare urna, id fringilla justo.

Aenean volutpat pellentesque enim, non semper nulla tempor vel. Etiam sodales consequat diam et cursus. Cras at feugiat felis. Vestibulum quis ornare velit, a laoreet velit. Duis porta, nisi vel finibus pretium, lorem odio posuere enim, nec dictum nibh leo vitae ipsum. Nullam eget ex mattis nunc accumsan pellentesque fermentum a tellus. Phasellus at purus ac lacus feugiat lacinia. Nullam at enim sit amet tortor posuere venenatis. Donec at tempus magna, eu molestie tortor. Etiam hendrerit vulputate ipsum vitae fringilla. Aliquam in malesuada tellus. Cras aliquet luctus massa quis efficitur. Phasellus in turpis in metus rhoncus blandit ac eu orci. Praesent ut venenatis sem. Nunc suscipit, mi id cursus commodo, nisl arcu volutpat nulla, in blandit tellus nunc eget mi. Aenean quis augue elementum, ultricies lacus sed, iaculis purus.

No Wrap

This is some text below the image. You can see what it does in conjunction with no wrapping.

Title

One of the parameter option is wrapping. If you set wrapping to false, the text on the right will stay on the right, leaving blank space below the content on the left.

Horizontal Rule

Title

The other parameter is hr. Setting this to true will add a horizontal rule after each row that you create with the snippet.

Title

This is a second row created within the same snippet.

Instructions

Use the Row w/ Left Image Snippet.

Back to widget index

RSS Feeds

News Full

Instructions

News 2/3

Instructions

News 1/3

Instructions

News 1/2

Instructions

Announcements 1/2

Instructions

Announcements 1/3

Announcements 2/3

Instructions

Announcements Full

Instructions

Events Full

Instructions

Events 2/3

Instructions

Events 1/3 (not Localist)

Events 1/2

Instructions

Latest Post

Instructions

Latest Post Display Full

Instructions

Latest Post Display Trunc

Instructions

Announcements Display

Instructions

Localist List Modern

Localist List Card

Localist List Classic

Localist List None

Localist Mini Calendar + List Card

Instructions

The various feed modules use the RSS Feed Combined Snippet and the Localist versions are created using the embed code from the Localist Widget Builder.

Back to widget index

Instructions

Use the Social Icons Snippet.

Back to widget index

Touts

1

tout with an image background
1
tout that is a solid gold circle
3

there are three touts in this row

1
tout with an image background
1
tout that is a hollow gold circle
3

there are three touts in this row

Top 100

you can include a little text in the circle
1

tout that is a solid black circle
3

there are three touts in this row

1

the first tout in the row
1

tout that is a hollow black circle
3

there are this is the third tout touts in this row
4

there are four touts in this row

1

the first tout in the row
1

tout that is a solid teal circle
3

this is the third tout
¢

the cent special character
5

there are five touts in this row

1

the first tout in this row
1

tout that is a hollow teal circle
3

there are three touts in this row

1

tout
1

tout that is a solid gray circle
3

there are three touts in this row

1

tout
1

tout that is a hollow gray circle
3

there are three touts in this row

1

tout
1

tout that is a solid deep gold circle
3

there are three touts in this row

1

tout
1

tout that is a hollow deep gold circle
3

there are three touts in this row

1

tout
1

tout that is a solid copper circle
3

there are three touts in this row

1

tout
1

tout that is a hollow copper circle
3

there are three touts in this row

Instructions

Use the Touts Snippet.

Back to widget index