Notifications: Reference
Reference for Notifications in Web Framework References. Key properties: ID, Position, Align, Offset X.
Amazing rich notifications and user alerts. App Connect Notifications offers you rich notifications and user alerts, completed with amazing CSS styling, icons, easy positioning of the boxes, and fully responsive appearance and mobile integration, and much more! Really customizable - select fading, duration, colors, margins, opacity…
Inspector Property Groups
Notifications Properties
| Property | Type | Details |
|---|---|---|
| ID | text | Optional unique identifier for this element. Sets the element's id attribute. Keep IDs unique per page (useful for anchors, label for targets, and JavaScript hooks). Bootstrap docs: Introduction Attribute: id |
Positioning & Display
| Property | Type | Details |
|---|---|---|
| Position | droplist | Attribute: position Options: Top, Bottom |
| Align | droplist | Attribute: align Options: Start, End, Center, Stretch, Full, Left (deprecated) |
| Offset X | text | Attribute: offset-x |
| Offset Y | text | Attribute: offset-y |
| Spacing | text | Attribute: spacing |
| Opacity | text | Attribute: opacity |
General
| Property | Type | Details |
|---|---|---|
| Color | text | Attribute: info-color |
| Background | text | Attribute: info-background |
| Icon | text | Attribute: info-icon |
General
| Property | Type | Details |
|---|---|---|
| Color | text | Attribute: success-color |
| Background | text | Attribute: success-background |
| Icon | text | Attribute: success-icon |
General
| Property | Type | Details |
|---|---|---|
| Color | text | Attribute: warning-color |
| Background | text | Attribute: warning-background |
| Icon | text | Attribute: warning-icon |
Actions
Info Notification
Show Info Notification
| Configuration group | Controls |
|---|---|
| Info Notification Properties | Text |
Success Notification
Show Success Notification
| Configuration group | Controls |
|---|---|
| Success Notification Properties | Text |
Warning Notification
Show Warning Notification
| Configuration group | Controls |
|---|---|
| Warning Notification Properties | Text |
Danger Notification
Show Danger Notification
| Configuration group | Controls |
|---|---|
| Danger Notification Properties | Text |
Clear Notifications
Clear All Notifications
Dynamic Attributes
Show Animation
| Attribute property | Type | Details |
|---|---|---|
| Name: | droplist | Choose Show Animation. |
Leave Animation
| Attribute property | Type | Details |
|---|---|---|
| Name: | droplist | Choose In Animation. |