Alert Boxes
Displays an alert within the body of a page (info, success, warning, danger) with an optional icon.
Content Type Details
- ID: 542
- Name: Dallas - Alert Boxes
- Minimum user level: Contributor
- Use with page layouts: Homepage, Full Width, Page with Sidebar - in Main Body, Microsite, PPC Campaign - in Main Body, Page with Sidebar - in Sidebar, PPC Campaign - in Full Width
Used to draw attention to notices and content within a web page. This has a similar use as the Emergency Notices and Site Notices but is for less important announcements that may belong in the copy of a page.
Alert Boxes should only be used as timed notices (a start and end date).
Content Type Elements Details
| Name | Description | Size | Type | Required | Conditionally Shown |
|---|---|---|---|---|---|
| Name | The Name element | 80 Characters | Plain Text | Yes | No |
| Type | Select the type of alert you're publishing Choose from options: Info, Success, Warning, Danger | N/A | Select Box (List: Dallas - Announcement Type) | Yes | No |
| Icon | Select if you want to display an icon alongside the text. Choose from options: Yes | N/A | Check Box (List: Dallas - Yes - checked) | No | No |
| Icon Size | Select the icon size based on the corresponding font size Choose from options such as: Body, Lead, H1, H2, H3 | N/A | Select Box (List: Dallas - Font Classes) | Yes | Yes |
| Alert | Enter the text for your alert. See TinyMCE content options. | 1000 Characters | HTML | Yes | No |
| Margins | Select the margins for the top and bottom of the column. If no selection is made, the default top and bottom margins will be my-3. Choose from options such as: No Margin, .25 rem (my-1), .5 rem (my-2), 1 rem (my-3), 1.5 rem (my-4) | N/A | Select Box (List: Dallas - my Margins) | No | No |
Examples
This is a test of an information box alert box with an icon. This is a test of an information box alert box with an icon. This is a test of an information box alert box with an icon. This is a test of an information box alert box with an icon.
This is a test of a success alert box with an icon. This is a test of a success alert box with an icon. This is a test of a success alert box with an icon. This is a test of a success alert box with an icon. This is a test of a success alert box with an icon. This is a test of a success alert box with an icon.
This is a test of a warning alert box with an icon. This is a test of a warning alert box with an icon. This is a test of a warning alert box with an icon. This is a test of a warning alert box with an icon.
This is a test of a danger alert box with an icon. This is a test of a danger alert box with an icon. This is a test of a danger alert box with an icon. This is a test of a danger alert box with an icon. This is a test of a danger alert box with an icon. This is a test of a danger alert box with an icon.
This is a test of an information box alert box with no icon. This is a test of an information box alert box with no icon. This is a test of an information box alert box with no icon. This is a test of an information box alert box with no icon.