The Button Group macro is designed to be used with your Button Hyperlink macros. It acts as a container for buttons when you want to display them in an array such as a toolbar-type menu. 

Instructions

  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 button group. This can be repositioned later by dragging the macro placeholder to the desired position.
  4. Click Insert More Content Other Macros.

  5. Select the Button Group macro from the Macro Browser.

    The Macro Browser with the Button Group macro available.
  6. Add any optional customization using the following parameters:

    ParameterDescriptionTypeDefaultRequired

    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)

    Title

    Enter a title for the button group that displays as a tooltip to users on hover.

    string

    none

    (error)

  7. Click Insert. The macro placeholder displays.

  8. Add the Button Hyperlink macros inside your button group as required. They will be rendered in the order in which they are positioned in the placeholder. 

    Example of Button Hyperlink Macro placeholders, inside the Button Group macro.
  9. Save the page to view the rendered buttons. 

    The saved and rendered Button Group macro.
  10. Test the links to confirm that they point to correct destination.