Description

The AUI provides buttons as well. They are ideal to be used for more prominent links on your page.

The buttons are available in several variations:

Sample	Button Style	Button Size	Icon	Comment
Span class aui-button My Button	Normal	Normal
Span class aui-button aui-button-compact My Button	Normal	Compact
Span class aui-button aui-button-primary My Button	Primary	Normal
Span class aui-button aui-button-primary aui-button-compact My Button	Primary	Compact
Span class aui-button aui-button-subtle My Button	Subtle	Normal		The button shape show on mouse-over
Span class aui-button aui-button-subtle aui-button-compact My Button	Subtle	Compact		The button shape show on mouse-over
	Primary	Normal	like	Any of the above can be combined with one of the AUI icons

Adding the Macro

Edit your page.

Select "+" => Other macros

Type in "aui" in the Search box

Select the "AUI Button" macro

Macro Options

Dialog ID

Enter an ID here that is unique on your page.

Title

Enter the title of the button here that will open the dialog.

Button

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

Dialog TItle

Enter the title of the dialog here.

Dialog Footer

Enter a text here that will be shown in small text in the left footer area of the dialog.

Dialog Size

Select the dialog size here:

• small
• medium
• large
• xlarge

Warning Dialog

With this option enabled, the dialog will be displayed woth e red header.

Body

Use the body of this macro to enter the content of the dialog.

Image Removed

Style

Select the style of the button.

Button Size

Select the size of the button here.

Button Link

Enter the full URL here that the button shall link to.

Link Relation

Select the link relation here or leave empty if not sure.

Link Target

Select the link target here or leave empty if not sure.

Button Icon

Check this switch if you want to use an icon in the button.

Icon

Select the icon. This only has an effect if "Button Icon" is checked.

Check the AUI Icon page for a list of available icons.