Unordered List

The Unordered List macro adds an HTML List tag (ul) to content that you define in a List Item macro. 

See also: Ordered List

Instructions

Unordered List

  1. Navigate to the page you want to edit.

  2. Click Edit.

  3. Click the location on the page where you want to add the macro. You can reposition the macro placeholder later if necessary.
  4. Click Insert More Content Other Macros.

  5. Select the Unordered List macro from the Macro Browser. 

  6. Customize the macro element using any of the following options:

    Parameter

    Description

    Type

    Default

    Required

    ID

    Option to specify a unique ID for this element. If using this parameter to apply styling to the element, do not include the # selector.

    string

    none

    (error)

    CSS Class

    Option to apply a custom CSS class to the element. Enter the CSS class name(s) to apply to the macro (case sensitive); multiple classes can be separated by a space or comma. Do not include the . selector in the class name. Classes must be part of your Global Confluence CSS or defined in a CSS Stylesheet macro that you have added to your page.

    string

    none

    (error)

    Inline Style

    Option to apply an inline style(s) to the element content, e.g.list-style-type: square; color: purple. Multiple styles can be separated by a semicolon. This style does not need to be defined in a CSS Stylesheet macro.

    string

    none

    (error)

    Title

    Specify text to display in a tooltip

    string

    none

    (error)

    Text Direction

    Select the text direction.

    single select

    none

    (error)

    Language Code

    Enter a language code if you want to specify that the element content language is different from the default language of your page, e.g. de for German. Browsers will identify that the content is written in German. 

    string

    none

    (error)

  7. Click Insert. The macro placeholder displays.

  8. Define your list using the List Item macro as described below.

List Item

  1. With your page in Edit view, click within the body of the Unordered List macro.
  2. Click Insert More Content Other Macros.

  3. Select the List Item macro from the Macro Browser. 

  4. Customize the list using any of the following parameters:

    Parameter

    Description

    Type

    Default

    Required

    ID

    Option to specify a unique ID for this element. If using this parameter to apply styling to the element, do not include the # selector.

    string

    none

    (error)

    CSS Class

    Option to apply a custom CSS class to the element. Enter the CSS class name(s) to apply to the macro (case sensitive); multiple classes can be separated by a space or comma. Do not include the . selector in the class name. Classes must be part of your Global Confluence CSS or defined in a CSS Stylesheet macro that you have added to your page.

    string

    none

    (error)

    Inline Style

    Option to apply an inline style(s) to an individual list item content such as font styles or padding, e.g. font-family: Papyrus. This style does not need to be defined in a CSS Stylesheet macro.

    string

    none

    (error)

    Title

    Specify text to display in a tooltip

    string

    none

    (error)

    Text Direction

    Select the text direction.

    single select

    none

    (error)

    Language Code

    Enter a language code if you want to specify that the element content language is different from the default language of your page, e.g. de for German. Browsers will identify that the content is written in German. 

    string

    none

    (error)

  5. Click Insert.
  6. Add a List Item macro for each list entry that you want to create. In this example, we have defined a purple, square bullet for the list and Papyrus font for the list items. The font color was selected using Confluence's text editor.


  7. Save the page to view the rendered list.

If you are still stuck, please contact our support team, who can offer you more assistance. 
You can try our full range of content formatting macros for free by visiting the Marketplace.
On this page