Snippets

Snippets are pre-formatted widgets that you can drop onto your page and populate with your own content.

Select a snippet to see how it functions.

• Accordion/Tabs
• Blockquote
• Column
• CouseLeaf Course display
• Embed Video
• Event Listing
• Feature
• Image Styling
• News Blocks
• People Listing
• RSS Feed
• Snapshot
• Stats
• Table

Accordions/Tabs

Accordions and tabs provide a way to vertically stack items that can be clicked to reveal or hide content. While shortening page content and hiding some content can make a page seem less daunting, they are not a one-size-fits-all solution.

Forcing users to click on hidden content increases interaction cost. If users don't find relevant information under accordion, they may ignore or feel it was wasted time. Instead, consider using headings, allowing user to scroll your well-organized webpage.

Do not use accordions/tabs within each other. This makes it difficult to navigate your site, especially on a phone. 

---

Blockquote

A branded quote that editors can style with green text to provide impact. Quotes need to include a cited name.

There is an old saying that things don’t happen they are made to happen.President John F. KennedyUND Fieldhouse
September 25, 1963

---

Columns

---

CourseLeaf Courses

CourseLeaf Courses Manual List and CourseLeaf Courses by Subject allow you to automatically pull course descriptions from the catalog to your page. Choose either the Manual List to choose specific courses, or the Courses by Subject to list all.

---

Embed Video - Basic

Embed a video using basic styles from your video source. Add the video by selecting the Insert/Edit Video icon in the editor.

Embed Video - Styled

Embed a Youtube or VImeo video with UND styles, allowing editor to choose the thumbmail, UND play button and video that opens and plays in a lightbox. Add the video by pasting in the address bar URL of the video (not the embed URL).

---

Events Listing

Automatically pull in events from UND calender. Contact Web Team to assist setting up snippet widget code.

---

Feature

Link style with options for display (color, photo, no photo or callout line). 

---

Image Styling

Style your image with alignment (right or left), optional caption and white space. Images can vary in size. The recommend max width and height is 400 px.

---

News Blocks

Manually curate list of news with links and images. Each block must link to an individual news item.

---

People Listing

There are two snippet options to list people.

1. Choose People Listing (Manual) to manually curate your people list. Fields can be customized as needed.
2. Choose People Listing (Automatic) to pull in employee data from PeopleSoft and HR automatically. This listing will automatically update as employees are changed in PeopleSoft and as they update their own profiles.

---

RSS Feed

Add a news or blog feed through RSS. Blogs are a common RSS sources. Items can be displayed as list or card format. Photo, date, time and description can be turned on or off.

---

Snapshot

The snapshot snippet inserts a feature to highlight programs, courses, events, etc. Add/delete rows as needed.

---

Stats

Animated on scroll, call out certain numbers that can add emphasis to your page.

---

Table

Use the table snippet to show data in a mobile-friendly view. The table snippet has both horizontal and vertical heading options. Do on use tables to format images and text; use the column snippet instead.