University Marketing and Communications

Content Widgets

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

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

In A Boxed Section with No Gutter Spacing

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): MA 1032 or MA 1031 or 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

CH 1150 - University Chemistry I

Introduces the foundations of chemistry, including electronic structure of atoms and molecules, intermolecular forces, states of matter, chemical reactions, organic chemistry, chemical equilibria, kinetics, and acid-base chemistry. Includes laboratory component that emphasizes lecture components.

  • Credits: 3.0
  • Lec-Rec-Lab: (3-0-0)
  • Semesters Offered: Fall, Spring, Summer
  • Co-Requisite(s): CH 1151
  • Pre-Requisite(s): MA 1031(C) or MA 1032(C) or MA 1160(C) or MA 1161(C) or MA 1135(C) or ALEKS Math Placement >= 56 or CEEB Calculus AB >= 2 or CEEB Calculus BC >= 2 or CEEB Calculus AB Subscore >= 2 or ACT Mathematics >= 22 or SAT MATH SECTION SCORE-M16 >= 540

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

FirstName LastName

  • Title1
  • Title2
  • Title3
Email
Phone
Location

Contact-Sidebar

Bio

FirstName1 LastName1

Contact

FirstName1 LastName1

  • Title1
  • Title2: Affiliated Professor, Materials Science and Engineering, and Cognitive and Learning Sciences
  • 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

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.

FirstName1 MiddleName1 LastName1

  • Title1
  • Title2: Affiliated Professor, Materials Science and Engineering, and Cognitive and Learning Sciences
  • 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

FirstName LastName

Contact

FirstName LastName

  • Title1
  • Title2
  • Title3
  • Education1
  • Education2
  • Education3
  • Education4

Biography

This is the Biography section.

FirstName1 LastName1 Read Full Bio

Contact

FirstName1 LastName1

  • Title1
  • Title2: Affiliated Professor, Materials Science and Engineering, and Cognitive and Learning Sciences
  • Title3
  • Education1
  • Education2
  • Education3
  • Education4

Biography

This is the Biography section.

Focus

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

FirstName LastName

FirstName LastName

Education1

Contact

Email
Phone

  • Title1

This is the Biography section.

FirstName1 LastName1

FirstName1 LastName1

Education1

Contact

Email1
Phone1

  • Title1

This is the Biography section.

Publications

Research

FirstName MiddleName LastName
This is specialties right.
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

FAQ Ordered List

Groups of FAQs | FAQs and Sliders

Instructions

Use the FAQ Ordered List Snippet.

Back to widget index

Gift Box

Short Version

Title

Callout

Students around the husky statue at night.

Title

Callout

Progress total may take up to 24 hours to update.

Full Version

Students around the husky statue at night.

Progress total may take up to 24 hours to update.

Share this fund:

Body

Give To This Project

Full Version, No Progress or Image

Share this fund:

This is the body field.

Give To This Project

Instructions

Use the Gift Box Snippet, either directly on the page or as an asset.

Back to widget index

Named Testimonial

All Fields

Title

This is where the quote content would go.

Author Name Author TItle
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

Profile

Short Version

Profile Title

Dark gray image placeholder.
Profile Info

This is the Callout field.


Long Version

Instructions

Use the Profile Snippet.

Back to widget index

Ranking (Inline)

At Michigan Technological University, our 7,300+ crazy smart students build and launchnanosatellites, 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.

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.

Khaki 

This is the khaki background.

Light Gray 

Light gray is another color options.

White 

  • touts
    can
  • go
    over
  • the
    background

Instructions

Use the Row w/Background Snippet.

Back to widget index

Row With Left Image

Wrap

Night photo of the husky statue on campus.

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

Night photo of the husky statue on campus.

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.

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.

Horizontal Rule

Night photo of the husky statue on campus.

Title

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


Night photo of the husky statue on campus.

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

News 2/3

News 1/3

News 1/2

Announcements 1/2

Announcements 1/3

Announcements 2/3

Announcements Full

Events Full

Events 2/3

Events 1/3 (not Localist)

Events 1/2

Latest Post

Latest Post Display Full

Latest Post Display Trunc

Announcements Display

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

Sliders

Groups of Sliders | Sliders and FAQs

Instructions

Use the Slider Snippet.

Back to widget index

Social Media Icons

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 blue 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 blue circle
  • 3
    there are three touts in this row
  • 1
    tout with an image background
  • 1
    tout that is a solid burgundy circle
  • 3
    there are three touts in this row
  • 1
    tout
  • 1
    tout that is a hollow burgundy 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 green circle
  • 3
    there are three touts in this row
  • 1
    tout
  • 1
    tout that is a hollow green circle
  • 3
    there are three touts in this row
  • 1
    tout
  • 1
    tout that is a solid light green circle
  • 3
    there are three touts in this row
  • 1
    tout
  • 1
    tout that is a hollow light green circle
  • 3
    there are three touts in this row
  • 1
    tout
  • 1
    tout that is a solid orange circle
  • 3
    there are three touts in this row
  • 1
    tout
  • 1
    tout that is a hollow orange circle
  • 3
    there are three touts in this row

Instructions

Use the Touts Snippet.

Back to widget index