Lists

Lists semantically group and display similar elements.

We support these types of lists:

  • Unordered lists (bulleted) support scanning, emphasize key points, and reveal relationships among items.

  • Ordered list are for enumerated steps, or for illustration/image call-outs.

  • Simple lists contain short, phrase-like content, and the items do not have decorators (bullets)

  • Definition lists are for descriptions of properties or options

  • Parameter lists list terms and definitions that describe the parameters in an application programming interface.

List etiquette

All items in a list must either end in punctuation, or not. Do not mix in the same list.

Avoid nesting lists more than three levels. Consider break the list into sections when nesting is too deep.

When the content presented in each bullet point is lengthy, it can still result in an undesirable wall of text.

When the list items start with a term, separate the term from the rest of the item with an em-dash.

  • Em-dash — Something to include in lists as a separator. Put spaces on either end of the dash.
  • Colon: Do not use colons. (But if you are going to use colons, use them consistently in you doc set.)

A list item may begin with lead-in bold text to indicate the this the list item is about. If you use it, do it for all items in the list

  • North is a cardinal direction
  • East is where the sun rises
  • South is at the bottom of maps focusing on the Northern Hemisphere
  • West has dragons

Compact vs open lists

Use compact lists when the items are short — a small sentence or less.

A compact list has no whitespace between the list items:

  • Thing one
  • Thing two
  • Thing three

An open list (the default in Heretto) has whitespace between the items.

  • Thing one

  • Thing two

  • Thing three

Note: An alternative to a closed list is Simple lists.
In Heretto, the difference is the open list items each are wrapped in a paragraph (<p>). To make the items compact, unwrap the Paragraph elements.
<ul>
    <li>
        <p>Thing one</p>
    </li>
    <li>
        <p>Thing two</p>
    </li>
    <li>
        <p>Thing three</p>
    </li>
 </ul>
Tip: To unwrap an element in the Heretto editor, click the element's breadcrumb at the bottom of the screen and choose Unwrap Element from the context menu.

Context menu open on a Paragraph element in a list

Unordered lists

When the list order is not important, use an unordered list (<ul>).

  • Unordered list item.
  • Unordered list item.
    • Sublist
    • And another
  • Another list item.

    A paragraph in the list. How does it wrap? Lets enter a lot of text so we can test the result of wrapped text on the published page. Hopefully this is enough.

  • Last list item.

Ordered list

Ordered lists (<ol>) are for enumerated steps, or for illustration/image call-outs.

Note: When the entire topic is a task, consider using a DITA Tasks element instead of a basic Topic.
  1. Find the worst play ever written.

  2. Hire the worst director on Broadway.

    May have a paragraph inside the List Item (<li>).

    May have an unordered sublist

    • Item

    • Item

  3. Open on Broadway with the worst cast ever.

    1. Substeps are another order list.

    2. And another.

  4. Before you get to step 5, close on Broadway and take the $2million to Rio. Oh, and the list can have images.

    three legged stool, one leg cut short

  5. Go to jail.

Simple lists

Short, phrase-like content, such as in documenting the materials in a kit or package. In output, the list has no bullets, on the assumption that each item is short enough to fit on one line, and needs no additional differentiation from its neighbors.

A simplelist (sl):

  • Item first
  • Item 2
  • Item nth

This is an option instead of using a Compact unordered list.

Definition lists

Use definition lists (<dl>) them for Screen/Page Options/Properties in Express Setup.

Definition term
Description of the term
Redundant
A cyclical period of return. Common in government.

Parameter lists

Parameter lists contain a list of terms and definitions that describes the parameters in an application programming interface. This is a special kind of definition list that is designed for documenting programming parameters.

Note: We don't use this at Medallia, but we probably should have instead of using the Definition List for settings and options.
Parameter element 1
Description of said element
Parameter element Beta
Description of said element.
Parameter element III
Description of said element.