Catalog Style Lists

Numbered List Styles

Default Style

The numbered list option in Drupal does not change the line label in a logical way as the hierarchy changes.This format is confusing to users. The default setting is exampled below:

  1. List One
    1. Indent One
      1. Indent Level Two
      2. Indent Level Two
    2. Intent Two
      1. Indent Level Two
      2. Indent Level Two
  2. List Two
    1. Indent One
      1. Indent Level Two
      2. Indent Level Two
    2. Intent Two
      1. Indent Level Two
      2. Indent Level Two

Adding a style to the list solves this issue.

Catalog Style

An example of the same list with the Catalog Style applied is exampled below. As you can see the style creates a logical label for each line number.

  1. List One
    1. Intent One
      1. Indent Level Two
      2. Indent Level Two
    2. Indent Two
      1. Indent Level Two
      2. Indent Level Two
  2. List Two
    1. Indent One
      1. Indent Level Two
      2. Indent Level Two
    2. Intent Two
      1. Indent Level Two
      2. Indent Level Two

How to Apply the Catalog Style

  1. Create a Numbered List by using the "Insert/Remove Numbered List" button in the editing toolbar
  2. Select the text so that it is highlighted.
  3. With the text still highlighted, open the "Styles" drop-down and select Catalog. Note: the Catalog style will only appear if your numbered list has already been created.
  4. Format - Use the Forward and Backward Tab buttons in the WYSIWYG or the Tab key on your keyboard to indent sections.  This can be done after your list has been created or as you create the list.
    Screenshot of indenting the Catalog Style