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 "ButtonBootstrap" in the Search box
Select the "Bootstrap Button" macro
Macro Options
Text
Enter the text of the button.
Style
The style defines the color of the button. The listbox contains the terms that Bootstrap uses to identify the color style.
| Term | Background Color | |||||
|---|---|---|---|---|---|---|
| danger |
| |||||
| dark |
| |||||
| info |
| |||||
| light |
| |||||
| primary |
| |||||
| secondary |
| |||||
| success |
| |||||
| warning |
|
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
| Status | ||||||
|---|---|---|---|---|---|---|
|
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.
| 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;
} |