Bootstrap Visuals for Confluence
  • Introduction
  • Free and License Macros
  • Administrator Guide
    • Sample Page Code
    • Interference with other Apps
    • Data Center Compatibility
  • User Guide
    • Alert Box
    • Alert Box 5
    • Bootstrap Color Styles
    • Badge
    • Badge 5
    • Button
    • Button 5
    • Button Group
    • Button Group 5
    • Callout
    • Callout 5
    • Card
    • Card 5
    • Jumbotron
    • List Group
    • List Group 5
    • List Group Item
    • List Group Item 5
    • Panel
    • Progress Bar
    • Progress Bar 5
    • Multi Progress Bar 5
    • Spacer
    • Spinner
    • Spinner 5
    • Toast
  • Credits
Powered by GitBook
On this page
  • Screenshot
  • Description
  • Adding the Macro
  • Macro Options
  • Text
  • Style
  • Size
  • Outline
  • Link
  • Link Tooltip
  • Target
  • Custom Text Color
  • Custom Background Color

Was this helpful?

  1. User Guide

Button

PreviousBadge 5NextButton 5

Last updated 2 years ago

Was this helpful?

Free Macro

Screenshot

Description

For the Button you can define different styles and sizes and and link it to a URL.

Adding the Macro

Edit your page.

Select “+” => Other macros

Type in “Bootstrap” in the Search box

Select the “Bootstrap Button” macro

Macro Options

Text

Enter the text of the button.

Style

Size

Select the size of the button.

Outline

Check if you want to display the button with an outline only. This feature can only be applied to the flat buttons (not the 3D styles).

Link

You can link the button to a URL. Enter it here and include http:// or https://.

Link Tooltip

Since Version 1.3.0

This text will be shown as an HTML tooltip when you hover over a button that has a link.

Target

Select where to load the linked page, in the same window or a new tab.

Custom Text Color

You can overwriite the Bootstrap text color here that is defined by the style you selected. You can enter any hexadecimal color vlaue here, preceded by a hash, e.g. #990000.

Custom Background Color

You can overwriite the Bootstrap background color here that is defined by the style you selected. You can enter any hexadecimal color vlaue here, preceded by a hash, e.g. #990000. However, this will not work with the 3D styles because they will create a default color gradient for your button.

Select one of the

Bootstrap color styles.