[sp-demo-header title="Alert%20ShortPoint" sub_title="The%20most%20complete%20Alert%20for%20SharePoint,%20Office%20365%20and%20SAP%20Portal" description="Displays%20colored%20informative%20boxes,%20to%20highlight%20a%20message%20to%20end%20user" /]
[divider style="double-dotted" /]
[alert class="shortpoint-copy"]
Primary Color.
Sed consectetur nibh eget tellus feugiat, id ultrices turpis pretium. In euismod euismod porta. Etiam faucibus sapien eros, a iaculis turpis rhoncus nec. Ut viverra urna ut libero condimentum hendrerit. In vel magna ultricies, sollicitudin est ultrices, accumsan est. Curabitur porta diam et risus tempor blandit. Phasellus eget erat ac ligula tempus ullamcorper. Cras lacinia mi eget elit placerat, ac pharetra est dapibus. Mauris vel nunc et ligula molestie venenatis at eu risus.
[/alert]
[alert color="success" class="shortpoint-copy"]
Success Color.
Sed consectetur nibh eget tellus feugiat, id ultrices turpis pretium. In euismod euismod porta. Etiam faucibus sapien eros, a iaculis turpis rhoncus nec. Ut viverra urna ut libero condimentum hendrerit. In vel magna ultricies, sollicitudin est ultrices, accumsan est. Curabitur porta diam et risus tempor blandit. Phasellus eget erat ac ligula tempus ullamcorper. Cras lacinia mi eget elit placerat, ac pharetra est dapibus. Mauris vel nunc et ligula molestie venenatis at eu risus.
[/alert]
[alert color="danger" class="shortpoint-copy"]
Danger Color.
Sed consectetur nibh eget tellus feugiat, id ultrices turpis pretium. In euismod euismod porta. Etiam faucibus sapien eros, a iaculis turpis rhoncus nec. Ut viverra urna ut libero condimentum hendrerit. In vel magna ultricies, sollicitudin est ultrices, accumsan est. Curabitur porta diam et risus tempor blandit. Phasellus eget erat ac ligula tempus ullamcorper. Cras lacinia mi eget elit placerat, ac pharetra est dapibus. Mauris vel nunc et ligula molestie venenatis at eu risus.
[/alert]
[alert color="warning" class="shortpoint-copy"]
Warning Color.
Sed consectetur nibh eget tellus feugiat, id ultrices turpis pretium. In euismod euismod porta. Etiam faucibus sapien eros, a iaculis turpis rhoncus nec. Ut viverra urna ut libero condimentum hendrerit. In vel magna ultricies, sollicitudin est ultrices, accumsan est. Curabitur porta diam et risus tempor blandit. Phasellus eget erat ac ligula tempus ullamcorper. Cras lacinia mi eget elit placerat, ac pharetra est dapibus. Mauris vel nunc et ligula molestie venenatis at eu risus.
[/alert]
Closable Alerts
[divider style="double-dotted" /]
[alert close="true" class="shortpoint-copy"]Sed consectetur nibh eget tellus feugiat, id ultrices turpis pretium. In euismod euismod porta. Etiam faucibus sapien eros, a iaculis turpis rhoncus nec. Ut viverra urna ut libero condimentum hendrerit. In vel magna ultricies, sollicitudin est ultrices, accumsan est. Curabitur porta diam et risus tempor blandit. Phasellus eget erat ac ligula tempus ullamcorper. Cras lacinia mi eget elit placerat, ac pharetra est dapibus. Mauris vel nunc et ligula molestie venenatis at eu risus.[/alert]
Alerts With Icons
[divider style="double-dotted" /]
[alert icon="coffee" class="shortpoint-copy"]
Primary Color.
Sed consectetur nibh eget tellus feugiat, id ultrices turpis pretium. In euismod euismod porta. Etiam faucibus sapien eros, a iaculis turpis rhoncus nec. Ut viverra urna ut libero condimentum hendrerit. In vel magna ultricies, sollicitudin est ultrices, accumsan est. Curabitur porta diam et risus tempor blandit. Phasellus eget erat ac ligula tempus ullamcorper. Cras lacinia mi eget elit placerat, ac pharetra est dapibus. Mauris vel nunc et ligula molestie venenatis at eu risus.
[/alert]
[alert color="success" icon="check" class="shortpoint-copy"]
Success Color.
Sed consectetur nibh eget tellus feugiat, id ultrices turpis pretium. In euismod euismod porta. Etiam faucibus sapien eros, a iaculis turpis rhoncus nec. Ut viverra urna ut libero condimentum hendrerit. In vel magna ultricies, sollicitudin est ultrices, accumsan est. Curabitur porta diam et risus tempor blandit. Phasellus eget erat ac ligula tempus ullamcorper. Cras lacinia mi eget elit placerat, ac pharetra est dapibus. Mauris vel nunc et ligula molestie venenatis at eu risus.
[/alert]
[alert color="danger" icon="ion-close" class="shortpoint-copy"]
Danger Color.
Sed consectetur nibh eget tellus feugiat, id ultrices turpis pretium. In euismod euismod porta. Etiam faucibus sapien eros, a iaculis turpis rhoncus nec. Ut viverra urna ut libero condimentum hendrerit. In vel magna ultricies, sollicitudin est ultrices, accumsan est. Curabitur porta diam et risus tempor blandit. Phasellus eget erat ac ligula tempus ullamcorper. Cras lacinia mi eget elit placerat, ac pharetra est dapibus. Mauris vel nunc et ligula molestie venenatis at eu risus.
[/alert]
[alert color="warning" icon="exclamation-triangle" class="shortpoint-copy"]
Warning Color.
Sed consectetur nibh eget tellus feugiat, id ultrices turpis pretium. In euismod euismod porta. Etiam faucibus sapien eros, a iaculis turpis rhoncus nec. Ut viverra urna ut libero condimentum hendrerit. In vel magna ultricies, sollicitudin est ultrices, accumsan est. Curabitur porta diam et risus tempor blandit. Phasellus eget erat ac ligula tempus ullamcorper. Cras lacinia mi eget elit placerat, ac pharetra est dapibus. Mauris vel nunc et ligula molestie venenatis at eu risus.
[/alert]
[sp-demo-doc]
Color – pre-defined colors of the alert box. All
ShortPoint Colors are supported
Close – If typed, alert will be closable
Icon – display icon inside the alert box. All
ShortPoint Icons are supported
[/sp-demo-doc]