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
  • Shape
  • Style
  • Display as Button
  • Button Text

Was this helpful?

  1. User Guide

Spinner

PreviousSpacerNextSpinner 5

Last updated 2 years ago

Was this helpful?

Free Macro

Screenshot

Description

The Spinner is an animated “I am busy” indicator. You can use it for other visual purposes as well of course.

Adding the Macro

Edit your page.

Select “+” => Other macros

Type in “Bootstrap” in the Search box

Select the “Bootstrap Spinner” macro

Macro Options

Shape

Select the shape of the spinner

Shape
Description

Border Spinner

A rotating open circle

Growing Circle

A circle with an animated increase in color opacity

Style

Size

Select between four sizes:

  1. Small

  2. Normal

  3. Medium

  4. Large

Display as Button

If you select this option, the spinner will be displayed as a button.

Button Text

If the “Display as Button” option is selected, you can add a button text here that will be displayed next to the spinner.

Select one of the

Bootstrap color styles.