Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Description

The AUI badges are small but effective visualizations of numbers. They look a little like lozenges but have a smoother radius around the corners. They are best used for numbers only. For status or small text labels, use the AUI Lozenge.

The AUI Badge comes in two flavors:

TypeExample
Default

Image Modified

Primary

Image Modified



Adding the Macro

Edit your page.

Select "+" => Other macros

Type in "aui" in the Search box

Select the "AUI Badge" macro


Macro Options

Image RemovedImage Added

Text

Enter the text of the lozengebadge.

Color

Primary

Select the color of the lozenge.

Style

Select the primary style of the lozenge herebadge here. It will be colored light blue.




Style
div#main-content.wiki-content {
   font-size: 1.2em !important;
   font-family: Segoe UI, sans-serif !important;
}
.wiki-content .contentLayout2 .columnLayout .cell
{
  padding-left: 0px;
  padding-right: 0px;
}