WiscWeb - Text Block Page Element

This document explains what the Text Block page element is, as well as how to add one and use it within your pages in WiscWeb.

In this document:

Purpose and use

Text Blocks allow you to have an editable blocks of text for you to add to your site. You can add and format text and media to display in your Text Blocks. They function similar to editing text in a Microsoft Word document. The Text Block is available in the One, Two, and Three Column Content Layout option.

Text Block page element

Adding a Text Block

  1. Navigate to the page on which you want to add a Text Block.
  2. Scroll to the Primary Content Area and the Layout on which you want to add a Text Block.
  3. At the bottom of that Layout, click on Add Page Element.
  4. On the Page Element list, click on Text Block.

This table discusses the differences in editing options within a Text Block page element

Visual Options

Text Options

Visual tab of Text Block

The visual tab offers a WYSIWYG ("What You See IWhat You Get") editor that allows you to add your content without knowing how to code. The icons offer standard options that can be found in other word processing software like Word and Google Docs. You can also use the Visual tab to add an image for your Media Library to your Text Block.

Text or "source" tab of Text Block

The text tab offers those with HTML knowledge to add HTML to the page and stylize their text as they'd like using source code.  You can also use this section to add embed codes from third party applications.

Text Block Style Settings

The Text Block offers three addition style settings. These options are located at the bottom of the page element under the "Style Settings" heading. 

In content layouts with a white background, these will create a box around the content with a light gray fill. In all other backgrounds, the fill will appear in white.

These design flourishes work best for white and light gray content layout backgrounds.

Box depicting a Text Block in WiscWeb. The bottom is highlighted with a green box, depicting the style settings.

Drop Shadow

Check the "Drop Shadow" setting to add a box with a basic drop shadow around your text content. 

UW Card Style

Check the "UW Card Style" setting to add a box around your content, with a red line border at the bottom of the box.

Both: Drop Shadow with UW Card Style

Check both boxes to add a basic drop shadow with a red line border at the bottom of the box.

Setting Equal Heights For Text Blocks

If you use text blocks across multiple columns, you can make those page elements be equal height by clicking the gear icon in the column layout, and clicking checkbox for Equal height blocks.

Screenshot of options to add Equal Height Blocks to content layout

Best Practices

  • Copying and pasting text from Microsoft Word, an Adobe PDF, or other document editing programs can have varying results. After pasting, look at the Text tab to see if any extraneous code has been added to your site. It could result in accessibility or usability issues for your content.