Used in conjunction with the Button macros, the Dialog macro allows the creation of AUI-styled dialogs that are triggered using a Button.

Usage

  1. Go to the form you wish to edit.

  2. Click Edit.

  3. Click Insert More Content, and select Other Macros.

  4. Select the Dialog macro from the provided list.

    The Macro Browser with the Dialog macro available.

    ParameterDescriptionTypeDefaultRequired

    Title

    Specifies the title of the displayed dialog

    string

    none

    Size

    Specifies the size of the dialog

    enum

    medium

    ID

    Specifies the HTML ID applied to the dialog that is used in the trigger link

    string

    none

    CSS Class

    Specifies a CSS Class to be added to the button

    string

    none

  5. The macro will then appear on the page.

    A Dialogue macro placeholder, containing a Span and Button Group macro.
  6. At this point, add any content or macros into the dialog as required.

    The Edit Button Macro screen.
  7. Once saved, the Dialog will not appear until it is triggered, this can be achieved with a simple hyperlink to the ID on the page, however the Button works very well too. Follow the instructions to add a Button macro, and then set the url to be the same as the ID chosen when creating the dialog macro with a # in front of it.

    A Dialogue macro placeholder.
  8. When the page is saved the button can be seen.

    A rendered example of a Dialog macro.
  9. Click to display the dialog.

    The way a saved Dialog macro displays when clicked.