Text Pages
Snippets
Snippets are blocks of content created and maintained by UCM to allow the use of special design elements on a Text or Brand page. To insert a Snippet, click the Puzzle icon in the WYSIWYG Editor, choose the Snippet you want to use, and then click Insert.
Buttons
Button Link
Button Link - Row
After you've inserted one of the Button Snippets:
- Change the text to what you want the Button Snippet to read.
- Highlight the text, then click the Link icon to add the link.
- Navigate to the page/file you'd like to link to or insert an external link.
- Click Insert.
- Save your changes.
- Click Publish.
Images
All images placed on a web page must be placed within an image snippet. Images must be resized to fit the proper dimensions of an Image Snippet.
Image Snippets
After you've prepared and uploaded your image(s) and inserted one of the Image Snippets:
- Navigate to the image you'd like to add to the page.
- Click Insert.
- Save your changes.
- Click Publish.
Image with Caption Snippets
Image with Caption Snippets operate the same as Image Snippets, but allow for a caption underneath the image.
After you've prepared and uploaded your image(s) and inserted one of the Image with Caption Snippets:
- Navigate to the image you'd like to add to the page.
- Click Insert.
- Add the caption in the "Enter Caption here." section.
- Save your changes.
- Click Publish.
Image Grid Snippets
Image Grids are used to add multiple images (and/or text) in a row on a web page.
After you've prepared and uploaded your image(s) and inserted the Image Grid Snippet:
- In the "Number of Images in a Row" section, choose two, three, or four.
- Navigate to the image you'd like to add to the first column.
- Click Insert.
- Repeat until you've added all of your images.
-
To add or delete rows or columns, or to delete the table entirely, right click on the Table and choose which option you'd like to add (i.e. Row > Insert Row Before). You can also make changes to the cells themselves or choose Table Properties to make other adjustments.
-
You can also use the pop-up toolbar and click on the approporate icon to execute the task, use the pop-up toolbar and click on the approporate icon to execute the task.
- Save your changes.
- Click Publish.
Small Image - Left

Small Image - Left with Caption

Small Image - Right

Small Image - Right with Caption

Medium Image - Left

Medium Image - Left with Caption

Medium Image - Right

Medium Image - Right with Caption

Large Image

Large Image with Caption

Image Grid
- Display two, three, or four images.

Manatees are large, fully aquatic, herbivorous marine mammals sometimes known as sea cows.

Manatees are large, fully aquatic, herbivorous marine mammals sometimes known as sea cows.

Manatees are large, fully aquatic, herbivorous marine mammals sometimes known as sea cows.
Tables
Please note: Tables should be used for text content only.
Table Snippets include:
Bordered and Striped Table
Heading 1 | Heading 2 | Heading 3 |
---|---|---|
Item 1 | Item 2 | Item 3 |
Item 1b | Item 2b | Item 3b |
Bordered Table
Heading 1 | Heading 2 | Heading 3 |
---|---|---|
Item 1 | Item 2 | Item 3 |
Item 1b | Item 2b | Item 3b |
Default Table
Heading 1 | Heading 2 | Heading 3 |
---|---|---|
Item 1 | Item 2 | Item 3 |
Item 1b | Item 2b | Item 3b |
After you've inserted a Table Snippet:
- Add the Table Caption, Heading(s), and Item(s).
-
To add or delete rows or columns, or to delete the table entirely, right click on the Table and choose which option you'd like to add (i.e. Row > Insert Row Before). You can also make changes to the cells themselves or choose Table Properties to make other adjustments.
-
You can also use the pop-up toolbar and click on the approporate icon to execute the task.
- You can also make changes to the cells themselves or choose Table Properties to make other adjustments.
- Save your changes.
- Click Publish.
Toggles
Toggle Snippets put content into an accordion-style layout, allowing it to expand and retract. They are often used when there is a lot of content that would cause the reader to have to scroll down the page to find all of the information.
Toggle Section Content
After you've inserted a Toggle Snippet:
- Enter the text you want to appear on the Toggle when it is retracted in the "Enter toggle text here." section.
- Enter the content that will be hidden from view, until expanded by clicking the plus sign symbol, in the "Enter toggled text here." section.
- WYSIWYG tools and other Snippets can be used within a Toggle Snippet.
- Save your changes.
- Click Publish.
Two-Column Text
Like its name, Two-Column Text Snippets are used to create two columns of content side-by-side on a web page.
After you've inserted a Two-Column Text Snippet:
- Enter the text you want to appear in each column.
- WYSIWYG tools and other Snippets can be used within the columns.
- Save your changes.
- Click Publish.
Two-Column Text Snippets can include images.
You can also use WYSIWYG Editor functionality within Two-Column Snippets.
Like bulleted lists:
- Thing 1
- Thing 2
- Thing 3
- Thing 4
And different style elements.