|
|
|
@ -966,7 +966,7 @@ AdminLTE/
|
|
|
|
|
</div><!-- /.row -->
|
|
|
|
|
<p class="lead">Markup</p>
|
|
|
|
|
<pre class="prettyprint"><code class="lang-html"><div class="info-box">
|
|
|
|
|
<-- Apply any bg-* class to to the icon to color it -->
|
|
|
|
|
<!-- Apply any bg-* class to to the icon to color it -->
|
|
|
|
|
<span class="info-box-icon bg-red"><i class="fa fa-star-o"></i></span>
|
|
|
|
|
<div class="info-box-content">
|
|
|
|
|
<span class="info-box-text">Likes</span>
|
|
|
|
@ -1038,13 +1038,13 @@ AdminLTE/
|
|
|
|
|
</div><!-- /.col -->
|
|
|
|
|
</div><!-- /.row -->
|
|
|
|
|
<p class="lead">Markup</p>
|
|
|
|
|
<pre class="prettyprint"><code class="lang-html"><-- Apply any bg-* class to to the info-box to color it -->
|
|
|
|
|
<pre class="prettyprint"><code class="lang-html"><!-- Apply any bg-* class to to the info-box to color it -->
|
|
|
|
|
<div class="info-box bg-red">
|
|
|
|
|
<span class="info-box-icon"><i class="fa fa-comments-o"></i></span>
|
|
|
|
|
<div class="info-box-content">
|
|
|
|
|
<span class="info-box-text">Likes</span>
|
|
|
|
|
<span class="info-box-number">41,410</span>
|
|
|
|
|
<-- The progress section is optional -->
|
|
|
|
|
<!-- The progress section is optional -->
|
|
|
|
|
<div class="progress">
|
|
|
|
|
<div class="progress-bar" style="width: 70%"></div>
|
|
|
|
|
</div>
|
|
|
|
@ -1246,9 +1246,9 @@ AdminLTE/
|
|
|
|
|
<p>AdminLTE data-widget attribute provides boxes with the ability to collapse or be removed. The buttons
|
|
|
|
|
are placed in the box-tools which is placed in the box-header.</p>
|
|
|
|
|
<pre class="prettyprint">
|
|
|
|
|
<-- This will cause the box to be removed when clicked -->
|
|
|
|
|
<!-- This will cause the box to be removed when clicked -->
|
|
|
|
|
<button class="btn btn-box-tool" data-widget="remove" data-toggle="tooltip" title="Remove"><i class="fa fa-times"></i></button>
|
|
|
|
|
<-- This will cause the box to collapse when clicked -->
|
|
|
|
|
<!-- This will cause the box to collapse when clicked -->
|
|
|
|
|
<button class="btn btn-box-tool" data-widget="collapse" data-toggle="tooltip" title="Collapse"><i class="fa fa-minus"></i></button></pre>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-md-4">
|
|
|
|
@ -1753,16 +1753,16 @@ AdminLTE/
|
|
|
|
|
</div><!-- /.row -->
|
|
|
|
|
<p class="lead">Direct Chat Markup</p>
|
|
|
|
|
<pre class="prettyprint"><code class="html">
|
|
|
|
|
<-- Construct the box with style you want. Here we are using box-danger -->
|
|
|
|
|
<-- Then add the class direct-chat and choose the direct-chat-* contexual class -->
|
|
|
|
|
<-- The contextual class should match the box, so we are using direct-chat-danger -->
|
|
|
|
|
<!-- Construct the box with style you want. Here we are using box-danger -->
|
|
|
|
|
<!-- Then add the class direct-chat and choose the direct-chat-* contexual class -->
|
|
|
|
|
<!-- The contextual class should match the box, so we are using direct-chat-danger -->
|
|
|
|
|
<div class="box box-danger direct-chat direct-chat-danger">
|
|
|
|
|
<div class="box-header with-border">
|
|
|
|
|
<h3 class="box-title">Direct Chat</h3>
|
|
|
|
|
<div class="box-tools pull-right">
|
|
|
|
|
<span data-toggle="tooltip" title="3 New Messages" class='badge bg-red'>3</span>
|
|
|
|
|
<button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
|
|
|
|
|
<-- In box-tools add this button if you intend to use the contacts pane -->
|
|
|
|
|
<!-- In box-tools add this button if you intend to use the contacts pane -->
|
|
|
|
|
<button class="btn btn-box-tool" data-toggle="tooltip" title="Contacts" data-widget="chat-pane-toggle"><i class="fa fa-comments"></i></button>
|
|
|
|
|
<button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
|
|
|
|
|
</div>
|
|
|
|
|