wiki:plugin:bootswrapper:alert

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision		 Previous revision
wiki:plugin:bootswrapper:alert [2015/07/12 22:47] – Giuseppe Di Terlizziwiki:plugin:bootswrapper:alert [2016/02/19 14:56] (current) – Giuseppe Di Terlizzi
Line 1: Line 1:
 ====== Alerts ====== ====== Alerts ======
  
-{{page>:wiki:plugin:bootswrapper&inline&nofooter&noheader}}+Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.
  
-<code html><alert type="success" icon="glyphicon glyphicon-user" dismiss="true"> +===== Examples =====
-**Well done!** You successfully read this important alert message. +
-</alert></code>+
  
-<alert type="success" icon="glyphicon glyphicon-ok-sign" dismiss="true">+<alert type="success">
 **Well done!** You successfully read this important alert message. **Well done!** You successfully read this important alert message.
 </alert> </alert>
  
-<alert type="info" icon="glyphicon glyphicon-info-sign" dismiss="true">+<alert type="info">
 **Heads up!** This alert needs your attention, but it's not super important. **Heads up!** This alert needs your attention, but it's not super important.
 </alert> </alert>
  
-<alert type="warning" icon="glyphicon glyphicon-warning-sign" dismiss="true"> +<alert type="warning"> 
-Warning! Better check yourself, you're not looking too good.+**Warning!** Better check yourself, you're not looking too good.
 </alert> </alert>
  
-<alert type="danger" icon="glyphicon glyphicon-minus-sign" dismiss="true"> +<alert type="danger"> 
-Oh snap! Change a few things up and try submitting again.+**Oh snap!** Change a few things up and try submitting again.
 </alert> </alert>
  
-==== Attributes ====+<code html5> 
 +<alert type="success">...</alert> 
 +<alert type="info">...</alert> 
 +<alert type="warning">...</alert> 
 +<alert type="danger">...</alert> 
 +</code>
  
-^ Attribute    ^ Default Value ^ Allowed Values ^ Description ^ +==== Dismissible alerts ==== 
-| ''type''     | ''info'' | ''success'', ''info'', ''warning'', ''danger'' | Type of alert |+ 
 +Build on any alert by adding an optional ''dismiss'' option. 
 + 
 +<alert type="warning" dismiss="true">**Warning!** Better check yourself, you're not looking too good.</alert> 
 + 
 +<code html5><alert type="warning" dismiss="true">**Warning!** Better check yourself, you're not looking too good.</alert></code> 
 + 
 +==== Alert with icon ==== 
 + 
 +<alert type="warning" dismiss="true" icon="fa fa-warning">**Warning!** Better check yourself, you're not looking too good.</alert> 
 + 
 +<code html5><alert type="warning" dismiss="true" icon="fa fa-warning">**Warning!** Better check yourself, you're not looking too good.</alert></code> 
 + 
 +===== Options ===== 
 + 
 +<datatable info="false" paging="false" searching="true"> 
 +^ Name ^ Default ^ Values ^ Description ^ 
 +| ''type''     | ''info'' | ''success'' ''info'' ''warning'' ''danger'' | Type of alert |
 | ''dismiss''  | optional | ''true'' | Create a dismissible alert | | ''dismiss''  | optional | ''true'' | Create a dismissible alert |
 | ''icon''     | optional | | Font icon class (eg. Glyphicon or Font-Awesome) | | ''icon''     | optional | | Font icon class (eg. Glyphicon or Font-Awesome) |
 +</datatable>
  • wiki/plugin/bootswrapper/alert.1436734020.txt.gz
  • Last modified: 9 years ago
  • by Giuseppe Di Terlizzi