Button Group

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 like this one. You can customize the Button Group by combining it with our CSS Style Sheet macro.

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.
  6. Add any optional customization using the following parameters:

    ParameterDescriptionTypeDefaultRequired

    Text Shown on Hover

    Enter text that displays as a tooltip to users on hover.

    string

    none

    (error)

    CSS Class

    Use in combination with Global Confluence CSS or a CSS Stylesheet macro that you have added to your page.

    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.

    string

    none

    (error)

    ID

    Specify a unique ID for this element. Use this to link to Tooltip, Dialog, or Rollover Macros. 

    If using this parameter to apply styling to the element, do not include the # selector.

    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. 

  9. Save the page to view the rendered buttons.

  10. Test the links to confirm that they point to the correct destination.


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.