Alert & Warning

Basic Demo

Templates {{ templateOption.label }}
Header:
Title Additional Title
Content:
Description Info Text
Button:
Left Button Title Right Button Title Outer Left Button Title
Selection:
Alert Type None Info Success Warning Error Primary Button Left Button Right Button
Disable Outer Left Button Disable Left Button Disable Right Button

Modal Result: {{ modalResponse }}


Additonal title

The additional title depends now on the alert type. For info, success, warning and error the additional title is always shown and has the content of the alert type. You can only customize the additional title if you use the alert type None.

Dialog sizes

These two tables show the minimum/maximum width/height for dialogs. A differentiation is made between the dialog with and without additional title.

VP1 = Viewport 1, VP2 = Viewport2, VP3 = Viewport 3

Without additional Title
Viewport {{ element.viewport }} Min-Width {{ element.minWidth }} Max-Width {{ element.maxWidth }} Min-Height {{ element.minHeight }} Max-Height {{ element.maxHeight }}
With additional Title
Viewport {{ element.viewport }} Min-Width {{ element.minWidth }} Max-Width {{ element.maxWidth }} Min-Height {{ element.minHeight }} Max-Height {{ element.maxHeight }}