Ordered and Unordered Lists

Formatting Text & Media Ordered and Unordered Lists

The DesignPLUS sidebar affords much greater control and flexibility than the Canvas editor when it comes to working with lists. With ordered lists, you can choose the number or letter format (1, I, i, A, a) for enumeration as well as the starting number or letter. For bulleted lists, you can select the style of the bullet. Rearranging list items is as easy as dragging and dropping items to their new location.

 Tips for Lists

  • Use ordered lists for sequential information and are automatically enumerated by the browser.
  • Use unordered lists when the order of the items is not relevant. 
  • Do not change list types using the Canvas editor, as this can break the formatting of parent elements. Use the sidebar instead.

Instructions

Add an ordered or unordered list

  1. Place your cursor in the editor where you want the l ist to go.
  2. Open the Add New Elements ( ) tab in the sidebar.
  3. Select the  List: Ordered or List: Unordered tool. The Edit Current Element  ( ) tab opens with the selected tool as the active tool.
    List: Ordered Tool    List: Unordered
    A numbered or bulleted list will appear in the Canvas editor.
  4. In the Canvas editor, type the first value in the list and press enter or return. Then add the remaining list items, one per line. 
  5. In the Style Panel, select the style of the number/letter for ordered lists or the bullet style for unordered lists.
    Enumeration and Bullet Options for lists

  6. To add additional space between list items, check the Space Between Items box.
  7. To format with a hanging indent, check the Hanging Indent box.

Edit an ordered or unordered list

  1. Select the Edit Current Element  ( ) tab in the sidebar.
  2. Select or place your cursor within the list you want to modify.
  3. Choose List: Ordered or List: Unordered as the active tool:

    List: Ordered Tool    List: Unordered
  4. Use the options in the Style and Content panels to do any of the following:
    • Change the list style: In the Style panel, select the desired number, letter, or bullet style. You can also switch from ordered to unordered and vice versa.
      Enumeration and Bullet Options for lists
    •   Rearrange list items: In the Content panel, use the drag handles to move items up or down.
    •   Delete list items: In the Content panel, click the trash icon to delete an item.
    • Indent items (created nested lists): In the Canvas editor, select the item(s) you wish to indent. Then press Tab, or, at the top of the Content panel, click the Increase Indent icon.
    • Decrease indent of items:  In the Canvas editor, select the item(s) you wish to outdent. Then press Shift-Tab, or, at the top of the Content panel, click the Decrease Indent icon.
    • Manually set the start or item number (for ordered lists only): In the Canvas editor, place your cursor in the list or item you wish to modify. Then, open the Advanced panel in the sidebar and enter the new start or item number.

      Ordered List: Advanced Panel

Learn More

Cidi Labs DesignPLUS User Guide: Ordered and Unordered Lists