Skip to main content

Buttons

Learn how to use the button macro, and how to group buttons together for a neat appearance.

Sandy Fargus avatar
Written by Sandy Fargus
Updated this week

The Button macro allows you to create stylized buttons that hyperlink other pages or websites. These can be added individually anywhere on a page or grouped as a horizontal row of button links using the Button Group macro.

Add a Button to your page

  1. Navigate to the page you want to edit.

  2. Select the Edit icon.

  3. Select the position where you want to display your cards.

  4. Type /Button and select the Button macro.

  5. In the button editor:

    1. Select one of the button presets for a quick starting point

    2. Customize your button by changing the appearance, alignment, and destination for your button.

  6. Select Save. A macro placeholder is shown on your page.

  7. Select Publish to see your button in action.

Add a Button Group macro to your page

  1. Navigate to the page that you want to edit.

  2. Click the Edit icon.

  3. Click Insert > View More in the Confluence editor.

  4. Select the Button Group macro in the Select Macro screen.

  5. Choose the direction of the buttons from the Button Group Direction dropdown. They can be Vertical or Horizontal. The default is horizontal.

  6. Choose your preferred Button Group Alignment. They can be Left, Centre, or Right. The default is Left.

  7. A macro placeholder is displayed.

  8. Insert a Button macro for each button you want to add into the macro placeholder, e.g. add a Button macro for Email, Search, and Edit. Buttons are arranged in the order shown within the Button Group macro. You can change the order later by dragging the macro placeholders to the desired positions.

  9. Click Publish to view the Button Group rendered with the button links. In the example below, standard, primary, and subtle style buttons were added to the Button Group.

  10. Click the buttons to test the link destinations and behaviors, e.g. if they open in a new tab.


For our full help documentation please visit www.docs.adaptavist.com


​
​

Did this answer your question?