Catalog Style | Web Services | Kent State University

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 - Select the text so that it is highlighted and select the numbered list button in the WYSIWYG. Your content should appear as a numbered list.
    Screenshot of highlighted numbered list
  2. Add the Catalog Style - With the text still highlighted, open the style drop down and select Catalog. Note: the Catalog style will only appear if your numbered list has already been created.
    Menu location of Catalog Style
  3. 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