Lists

Simple single-level lists can be created by using the three list buttons in the editor.If you'd like to create mixed lists, nested lists, or lists with additional types of list items, the methods below can be used instead.

Wiki markup lists

Wiki markup lists are created with between one and five specific characters (@, *, or #) at the beginning of a line, followed by a space, and then whatever text you'd like the list item to have. Each list must begin with a list item with only one character at the beginning of the line, and there can be no blank lines between entries in the list. To create a blank line beneath a list item, you can insert two HTML <br> tags at the end of of the list item's text. Wiki and HTML markup are accepted in list items.

Alphanumeric List

Use this code in a page:
@ Test @ Test @ Test @@ Test @@@ Test @@@@ Test @ Test

To create this:

  1. Test
  2. Test
  3. Test
    1. Test
      1. Test
        1. Test
  4. Test

Bulleted List

Use this code in a page:
* Test * Test ** Test *** Test **** Test * Test * Test

To create this:

Fancy List

Use this code in a page:
* ITEM 1 - ITEM 1 SUBTEXT <blockquote>ITEM 1 MORE SUBTEXT</blockquote> * ITEM 2 - ITEM 2 SUBTEXT <blockquote>ITEM 2 MORE SUBTEXT</blockquote> * ITEM 3 - ITEM 3 SUBTEXT <blockquote>ITEM 3 MORE SUBTEXT</blockquote>

To create this:

Numbered List

Use this code in a page:
# Test # Test ## Test ### Test #### Test # Test # Test

To create this:

  1. Test
  2. Test
    1. Test
      1. Test
        1. Test
  3. Test
  4. Test

Numbered Fancy List

Use this code in a page:
# ITEM 1 - ITEM 1 SUBTEXT <blockquote>ITEM 1 MORE SUBTEXT</blockquote> # ITEM 2 - ITEM 2 SUBTEXT <blockquote>ITEM 2 MORE SUBTEXT</blockquote> # ITEM 3 - ITEM 3 SUBTEXT <blockquote>ITEM 3 MORE SUBTEXT</blockquote>

To create this:

  1. ITEM 1 - ITEM 1 SUBTEXT
    ITEM 1 MORE SUBTEXT
  2. ITEM 2 - ITEM 2 SUBTEXT
    ITEM 2 MORE SUBTEXT
  3. ITEM 3 - ITEM 3 SUBTEXT
    ITEM 3 MORE SUBTEXT

HTML Lists

HTML lists work the same way as they do in any web page. Specifying the list type can be done in the ol, <ul>, or <li> tags, depending on how you need to use them. Wiki markup is accepted in list items.

Specifying list type in the <ol> tag

This method is useful when an entire list will use one list item type. This way you only need to specify the type once, and all the list items can be entered normally.

Use this code in a page:
<ol style="list-style-type:lower-alpha;"> <li>lower-alpha</li> <li>lower-alpha</li> <li>lower-alpha</li> </ol>

To create this:


  1. lower-alpha

  2. lower-alpha

  3. lower-alpha



Use this code in a page:
<ol style="list-style-type:upper-alpha;"> <li>upper-alpha</li> <li>upper-alpha</li> <li>upper-alpha</li> </ol>

To create this:


  1. upper-alpha

  2. upper-alpha

  3. upper-alpha



Use this code in a page:
<ol style="list-style-type:decimal;"> <li>decimal</li> <li>decimal</li> <li>decimal</li> </ol>

To create this:


  1. decimal

  2. decimal

  3. decimal



Use this code in a page:
<ol style="list-style-type:lower-roman;"> <li>lower-roman</li> <li>lower-roman</li> <li>lower-roman</li> </ol>

To create this:


  1. lower-roman

  2. lower-roman

  3. lower-roman



Use this code in a page:
<ol style="list-style-type:upper-roman;"> <li>upper-roman</li> <li>upper-roman</li> <li>upper-roman</li> </ol>

To create this:


  1. upper-roman

  2. upper-roman

  3. upper-roman



Specifying list type in the <ul> tag

This method is useful when an entire list will use one list item type. This way you only need to specify the type once, and all the list items can be entered normally.

Use this code in a page:
<ul style="list-style-type:circle;"> <li>circle</li> <li>circle</li> <li>circle</li> </ul>

To create this:



Use this code in a page:
<ul style="list-style-type:disc;"> <li>disc</li> <li>disc</li> <li>disc</li> </ul>

To create this:



Use this code in a page:
<ul style="list-style-type:none;"> <li>none</li> <li>none</li> <li>none</li> </ul>

To create this:



Use this code in a page:
<ul style="list-style-type:square;"> <li>square</li> <li>square</li> <li>square</li> </ul>

To create this:



Specifying list type in the <li> tag

This method is useful when an creating a fancy list with more than one list item type.

Use this code in a page:
<ol> <li style="list-style-type:lower-alpha;">lower-alpha</li> <li style="list-style-type:lower-alpha;">lower-alpha</li> <li style="list-style-type:lower-alpha;">lower-alpha</li> </ol>

To create this:


  1. lower-alpha

  2. lower-alpha

  3. lower-alpha



Use this code in a page:
<ol> <li style="list-style-type:upper-alpha;">upper-alpha</li> <li style="list-style-type:upper-alpha;">upper-alpha</li> <li style="list-style-type:upper-alpha;">upper-alpha</li> </ol>

To create this:


  1. upper-alpha

  2. upper-alpha

  3. upper-alpha



Use this code in a page:
<ol> <li style="list-style-type:circle;">circle</li> <li style="list-style-type:circle;">circle</li> <li style="list-style-type:circle;">circle</li> </ol>

To create this:


  1. circle

  2. circle

  3. circle



Use this code in a page:
<ol> <li style="list-style-type:decimal;">decimal</li> <li style="list-style-type:decimal;">decimal</li> <li style="list-style-type:decimal;">decimal</li> </ol>

To create this:


  1. decimal

  2. decimal

  3. decimal



Use this code in a page:
<ol> <li style="list-style-type:disc;">disc</li> <li style="list-style-type:disc;">disc</li> <li style="list-style-type:disc;">disc</li> </ol>

To create this:


  1. disc

  2. disc

  3. disc



Use this code in a page:
<ol> <li style="list-style-type:lower-roman;">lower-roman</li> <li style="list-style-type:lower-roman;">lower-roman</li> <li style="list-style-type:lower-roman;">lower-roman</li> </ol>

To create this:


  1. lower-roman

  2. lower-roman

  3. lower-roman



Use this code in a page:
<ol> <li style="list-style-type:none;">none</li> <li style="list-style-type:none;">none</li> <li style="list-style-type:none;">none</li> </ol>

To create this:


  1. none

  2. none

  3. none



Use this code in a page:
<ol> <li style="list-style-type:square;">square</li> <li style="list-style-type:square;">square</li> <li style="list-style-type:square;">square</li> </ol>

To create this:


  1. square

  2. square

  3. square



Use this code in a page:
<ol> <li style="list-style-type:upper-roman;">upper-roman</li> <li style="list-style-type:upper-roman;">upper-roman</li> <li style="list-style-type:upper-roman;">upper-roman</li> </ol>

To create this:


  1. upper-roman

  2. upper-roman

  3. upper-roman



Mixed HTML list

Use this code in a page:
<ol> <li style="list-style-type:lower-alpha;">lower-alpha</li> <ol> <li style="list-style-type:upper-alpha;">upper-alpha</li> <ol> <li style="list-style-type:circle;">circle</li> <ol> <li style="list-style-type:decimal;">decimal</li> <ol> <li style="list-style-type:disc;">disc</li> <ol> <li style="list-style-type:lower-roman;">lower-roman</li> <ol> <li style="list-style-type:none;">none</li> <ol> <li style="list-style-type:square;">square</li> <ol> <li style="list-style-type:upper-roman;">upper-roman</li> </ol> </ol> </ol> </ol> </ol> </ol> </ol> </ol> </ol>

To create this:


  1. lower-alpha


    1. upper-alpha


      1. circle


        1. decimal


          1. disc


            1. lower-roman


              1. none


                1. square


                  1. upper-roman