Both sides previous revision Previous revision Next revision | Previous revision Next revisionBoth sides next revision |
wiki:plugin:bootswrapper:panel [2015/07/12 22:56] – Giuseppe Di Terlizzi | wiki:plugin:bootswrapper:panel [2016/08/21 01:37] – Giuseppe Di Terlizzi |
---|
====== Panels ====== | ====== Panels ====== |
| |
{{page>:wiki:plugin:bootswrapper:menu&inline&nofooter}} | ===== Basic example ===== |
| |
<code html><panel type="default" title="Title of Panel" subtitle="Subtitle" icon="glyphicon glyphicon-home"> | <panel type="default">Basic panel example</panel> |
| \\ |
| <code html5><panel type="default">Basic panel example</panel></code> |
| |
| ===== Panel with heading ===== |
| |
| <panel type="default" title="Panel title"> |
| Panel content |
| </panel> |
| \\ |
| <code html5><panel type="default" title="Panel title"> |
Panel content | Panel content |
</panel></code> | </panel></code> |
| |
| ===== Panel with subtitle ===== |
| |
| <panel type="default" title="Panel title" subtitle="Panel subtitle"> |
| Panel content |
| </panel> |
| \\ |
| <code html5><panel type="default" title="Panel title" subtitle="Panel subtitle"> |
| Panel content |
| </panel></code> |
| |
| ===== Contextual alternatives ===== |
| |
| Like other components, easily make a panel more meaningful to a particular context by adding any of the contextual state classes. |
| |
| <panel type="primary" title="Panel title">Panel content</panel> |
| <panel type="success" title="Panel title">Panel content</panel> |
| <panel type="info" title="Panel title">Panel content</panel> |
| <panel type="warning" title="Panel title">Panel content</panel> |
| <panel type="danger" title="Panel title">Panel content</panel> |
| \\ |
| <code html5> |
| <panel type="primary" title="Panel title">Panel content</panel> |
| <panel type="success" title="Panel title">Panel content</panel> |
| <panel type="info" title="Panel title">Panel content</panel> |
| <panel type="warning" title="Panel title">Panel content</panel> |
| <panel type="danger" title="Panel title">Panel content</panel> |
| </code> |
| |
| ===== Panel with icons ===== |
| |
<panel type="default" title="Title of Panel" subtitle="Subtitle" icon="glyphicon glyphicon-home"> | <panel type="default" title="Title of Panel" subtitle="Subtitle" icon="glyphicon glyphicon-home"> |
Panel content | Panel content |
</panel> | </panel> |
| \\ |
| <code html5><panel type="default" title="Title of Panel" subtitle="Subtitle" icon="glyphicon glyphicon-home"> |
| Panel content |
| </panel></code> |
| |
| |
==== Attributes ==== | ==== Attributes ==== |
| ''subtitle'' | optional | | Subtitle of panel | | | ''subtitle'' | optional | | Subtitle of panel | |
| ''icon'' | optional | | Font icon class (eg. Glyphicon or Font-Awesome) | | | ''icon'' | optional | | Font icon class (eg. Glyphicon or Font-Awesome) | |
| | ''nobody'' | optional | | Don't add a panel body. Useful to add other particular tags (or tables) inside a panels | |
| |