System Alert v1.8
This script may be used to generate an alert notice on any Radancy hosted website.
Implementation Anchor ()
<script id="radancy-magicbullet" data-alert data-alert-covid src="https://services.tmpwebeng.com/magicbullet/" type="module"></script>Properties Anchor (Properties)
Use the following properties to configure this component.
| Attribute | Applies To | Note | Description |
|---|---|---|---|
data-alert |
script |
Boolean, Mandatory | This will initiate the alert script. |
data-alert-banner |
script |
Boolean, Optional | Appends a banner to the top of the page instead of showing a dialog window. The same data attributes that are used to control the dialog window, can be used here as well. |
data-alert-banner-target |
script |
String, Optional | Accepts value of id on element you are targeting. If you wish to customize placement of the banner, you may do so by creating an empty div element with a unique id value. This element can then be placed anywhere on the page you wish for message to appear. May only be used with data-alert-banner. Also, if you wish for message to remain persistent, then data-alert-bypass-cookie must also be used. |
data-alert-button-text |
script |
String, Optional | Overrides the default close button value, which is "Close". |
data-alert-bypass-cookie |
script |
Boolean, Optional | Bypasses default behavior of including a button to close banner and set cookie. By default, the banner will always show a close button and can be dismissed in the same way that the dialog can. |
data-alert-covid |
script |
Boolean, Optional | This will load the built in, COVID-19 message. |
data-alert-message |
script |
String, Optional | Passing this data attribute a string value will override the default message. HTML may be included. |
data-alert-remove-css |
script |
Boolean, Optional | Removes many default CSS properties from alert (dialog and banner). Once removed, theme level CSS will take over, which you can edit as you see fit. |
| Class | Applies To | Note | Description |
|---|---|---|---|
.magic-bullet-alert |
body |
Component | Added to the body element as a hook for System Alert related formatting. |
| Name | Value | Type | Secure | SameSite | Domain | Path |
|---|---|---|---|---|---|---|
AlertDisplayed |
true | Session | true | None | N/A | / |
Report Issues
Find a bug? Want a new feature? Report it on JIRA. You're so awesome!