Management Center

Home 

Ordered and unordered lists

For ordered (also called numbered) lists, use ol/li tags or p.Numbered. This choice should be made by the project owner. If you are not familiar with HTML and ol tags, then using p.Numbered may be easier. Just make sure you are consistent within the project.

Ordered lists should start with p.Procedure, but may be included inside a dropdown.

For unordered (bulleted) lists, use ul/li tags or p.Bulleted. Again, if you're not familiar with ul tags, using p.Bulleted may be easier.

p.Numbered is generally easier to use, but it has a bug when you use more than one list on a page AND you use them inside of expanding text — in that case, you should use p.Numbered1 to restart each list. This is a relatively rare use case, but an easy fix as long as you are aware. Demonstrated below.

Examples for both types of styles

You'll probably always want a paragraph between a heading and a p.Procedure. If you don't need the paragraph, then do you really need the heading?

Example of using an ol tag

  1. Item 2 that has an image associated with it. To do this, right-click the li element on the left side of the XML editor and select Make Paragraph Item(s).
  2. After you have a paragraph tag inside your li tag, press Enter to create a new paragraph and then drag your image from the Content Explorer into your new paragraph.

  3. Item 3 that is so long that is requires two paragraphs for the same step. Do this the same way you'd add an image: add a p tag inside your li tag and press Enter.

    A second paragraph for Item 3.

  4. Item 4.

Example of using a p.Numbered tag

1.Item 1.

2.Item 2 that has an image associated with it. To add an image in a p.Numbered list, create a paragraph with the proper indentation (here, using p.Indent1) and drag the image into it from the Content Explorer. If it is a large image, consider using the img.128 class.

3.Item 3 that is so long that is requires two paragraphs for the same step.

A second paragraph for Item 3.

4.Item 4.

Example for using multiple ordered lists in dropdowns with p.Numbered

Here I am with two similar procedures inside dropdowns, and I want each list to start with the number one. Since the procedures are the only items in the dropdowns, they don't use p.Procedure.

If you have multiple ordered lists but you're NOT using dropdowns or togglers, there is no need to use p.Numbered1.

ClosedToggler style test

Mauris ornare turpis ut consectetur faucibus. In sodales nibh urna. Nunc luctus sagittis placerat. Integer vitae velit quis velit vulputate placerat at a orci. Nam ut bibendum diam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum ut tellus leo. Nunc est ligula, dictum ut pellentesque sed, pharetra semper nisl.

ClosedTogglerHead style test

Mauris ornare turpis ut consectetur faucibus. In sodales nibh urna. Nunc luctus sagittis placerat. Integer vitae velit quis velit vulputate placerat at a orci. Nam ut bibendum diam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum ut tellus leo. Nunc est ligula, dictum ut pellentesque sed, pharetra semper nisl.

Nunc nisl erat, vehicula maximus eros quis, maximus imperdiet urna. Nam blandit turpis mauris, non faucibus nisl auctor at. Vivamus luctus volutpat sapien at congue. Sed accumsan nisi vel tellus iaculis semper. Vivamus facilisis libero at libero sagittis fermentum. Mauris efficitur dapibus ligula. Donec aliquam eu lacus at sodales. Proin tortor sapien, condimentum in viverra vitae, malesuada et tortor. Vivamus auctor semper ornare. Cras tempus sem sed justo ornare facilisis. Sed accumsan blandit fermentum. Integer est ante, dignissim vel metus quis, venenatis eleifend dui. Donec cursus vel odio sollicitudin fermentum. Aenean nec finibus felis. Morbi scelerisque, ex a imperdiet ullamcorper, sapien lectus accumsan metus, et malesuada erat dolor vel odio. Donec efficitur tempor massa quis efficitur.


Was this article useful?    

The topic was:

Inaccurate

Incomplete

Not what I expected

Other