HTML and AUI Toolkit for Confluence
  • Introduction
  • Administrator Guide
    • Sample Page Code
    • Data Center Compatibility
  • AUI Macros
    • AUI Badge
    • AUI Button
    • AUI Dialog
    • AUI Dropdown Menu
    • AUI Flag
    • AUI Icon
    • AUI Lozenge
    • AUI Message
    • AUI Progress Bar
    • AUI Progress Bar 2
  • HTML Macros
    • HTML Address
    • HTML Blockquote
    • HTML Cite
    • HTML Custom Tag
    • HTML Div
    • HTML Embed
    • HTML Figure and HTML Figure Caption
    • HTML Footer
    • HTML Html
    • HTML Image Map and HTML Image Area
    • HTML Img
    • HTML Preformatted
    • HTML Progress Bar
    • HTML Script
    • HTML Small Text
    • HTML Spacer
    • HTML Span
    • HTML Strikethrough
    • HTML Style
Powered by GitBook
On this page
  • Introduction
  • The AUI Dropdown Menu
  • AUI Dropdown Button
  • Title
  • Dropdown Menu ID
  • Button Primary
  • AUI Dropdown Menu Section
  • Section Label
  • AUI Dropdown Menu Link
  • Link Title
  • Link
  1. AUI Macros

AUI Dropdown Menu

PreviousAUI DialogNextAUI Flag

Last updated 2 years ago

Introduction

The AUI Dropdown Menu can be a nice way to present links to other sites on your page.

The AUI Dropdown Menu

The plguin breaks down the above menu in three elements (macros):

Element
Description
Macro Name

Button

The dropdown button. It has a title and clicking on it opens a menu.

AUI Dropdown Button

Menu Section

Sections in the menu. Each section has a title (gray capitals) and a horizontal line divider at the bottom.

AUI Dropdown Menu Section

Menu Link

An entry in a section that links to another site.

AUI Dropdown Menu Link

There is a clear hierarchy to these elements/macros and that reflects in the way you nest these macros on your page.

AUI Dropdown Button

Start with the HTML Dropdown Button macro.

Title

Enter the title of the button.

Dropdown Menu ID

Give your menu an ID. It must be unique on your page.

Button Primary

With this option enabled, the button will be displayed in the primary color (usually blue).

AUI Dropdown Menu Section

Add as many sections as you like inside the body of the HTML Dropdown Button macro’s body.

Section Label

Enter the section label for this section.

AUI Dropdown Menu Link

Add as many links as you like inside the body of each HTML Dropdown Section macro’s body.

Link Title

Enter the link title of the link.

Link

Enter the URL of the link.

Unfortunately, the AUI link item does not support the <rel> or <target> attribute for links. All links will be opened in the same window, unless you Ctrl + Click the link.