Screenshot
Description
The Alert Box is a panel basically. You can define the style and the title in the macro dialog. The macro body is displayed in the panel. In the above example, that is the "Lorem ipsum" text.
Adding the Macro
Edit your page.
Select "+" => Other macros
Type in "AlertBootstrap" in the Search box
Select the "AlertboxBootstrap Alert Box" macro
Macro Options
Style
The style defines the color of the alertbox. The listbox contains the terms that Bootstrap uses to identify the color style.
| Term | Background Color | |||||
|---|---|---|---|---|---|---|
| danger |
| |||||
| dark |
| |||||
| info |
| |||||
| light |
| |||||
| primary |
| |||||
| secondary |
| |||||
| success |
| |||||
| warning |
|
Heading
If you want to add a heading to your alertbox, you can enter it here. If you do, it will be followed by a horizontal line befoer the body is shown.
| Info |
|---|
If you use a plugin or macro that reads out the headings of your page, this heading will be included! |
Heading Level
Select the heading level that you want your alertbox heading to have.
Dimissible
| Status | ||||
|---|---|---|---|---|
|
You can select that the alertbox is dismissible. In that case, an x will be shown in the upper right corner that, when clicked, will hide the alertbox.
Body
This macro supports a body. The content that you place in the content will be displayed inside the alertbox.
After you save the macro while editing the page, put any text or another macro in the body:
| 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;
} |