WiscWeb - Tightly spaced lists

Users may wish to display a list that has less white space between rows of text. This option allows for a tightened view for both bulleted and numbered lists.

Steps

  1. Click on the list icon in the WYSIWYG editor of a Text Block

    A text editor displaying a new blue button for creating tightened lists.

  2. Choose if you want a bulleted or numbered list

    A modal window displaying a dropdown option for choosing list style.

  3. Enter your first list item
  4. Click the Insert button
  5. Press your keyboard’s
  6. Enter/Return button to continue adding items to the list

Editor view

A text editor depicting a tightened list view.

Before/after example

Two columns of data. The left column shows a list view with a taller amount of spacing between rows. The second shows a more tightened list view with shorter spacing between rows.

Troubleshooting

  • This feature automatically applies the class uw-list-tight to the unordered list (ul) or ordered list (ol) that you are creating. If your list does not look as expected, ensure that the class is properly added to the outermost ul or ol on your list by viewing the “Text” tab of the editor.

    A text editor depicting the source code that relates to the tightened list view.

  • Please note that bulleted lists are not intended for headings (h1, h2, h3). This will only work for paragraph text (<p>)

Keywordsbulleted list, numbered list, unordered list, ordered list, line height, spacing, space, tight   Doc ID128915
OwnerJenna K.GroupWiscWeb
Created2023-06-08 21:00:34Updated2023-12-01 11:25:56
SitesDoIT Help Desk, WiscWeb
Feedback  1   0