mirror of https://github.com/ColorlibHQ/AdminLTE
Updated documentation
parent
d72176caa7
commit
2b8e2c3859
|
@ -303,7 +303,7 @@
|
||||||
<div class="box box-solid">
|
<div class="box box-solid">
|
||||||
<div class="box-body layout-top-nav">
|
<div class="box-body layout-top-nav">
|
||||||
<span class="eg">Top Nav Example</span>
|
<span class="eg">Top Nav Example</span>
|
||||||
<header class="main-header">
|
<header class="main-header">
|
||||||
<nav class="navbar navbar-static-top">
|
<nav class="navbar navbar-static-top">
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
<div class="navbar-header">
|
<div class="navbar-header">
|
||||||
|
@ -356,7 +356,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<pre class='prettyprint'>
|
<pre class='prettyprint'>
|
||||||
<header class="main-header">
|
<header class="main-header">
|
||||||
<nav class="navbar navbar-static-top">
|
<nav class="navbar navbar-static-top">
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
<div class="navbar-header">
|
<div class="navbar-header">
|
||||||
|
@ -456,9 +456,42 @@
|
||||||
</ul><!-- /.sidebar-menu -->
|
</ul><!-- /.sidebar-menu -->
|
||||||
|
|
||||||
</div><!-- /.sidebar -->
|
</div><!-- /.sidebar -->
|
||||||
</div><!-- /.main-sidebar -->
|
</div><!-- /.main-sidebar --></pre>
|
||||||
</pre>
|
|
||||||
|
|
||||||
|
<h3 id="component-control-sidebar">Control Sidebar</h3>
|
||||||
|
<p class="lead">Control sidebar is the right side bar. It can be used for many purposes and is extremely easy
|
||||||
|
to create. The sidebar ships with two different show/hide styles. The first allows the sidebar to
|
||||||
|
slide over the content. The second pushes the content to make space for the sidebar. Either of
|
||||||
|
these methods can be set through the <a href="#adminlte-options">Javascript options</a>.</p>
|
||||||
|
<p class="lead">The following code should be placed within the <code>.wrapper</code> div. I prefer
|
||||||
|
to place it right after the footer.</p>
|
||||||
|
<p class="lead">Dark Sidebar Markup</p>
|
||||||
|
<pre class="prettyprint"><code class="lang-html"><!-- The Right Sidebar -->
|
||||||
|
<aside class="control-sidebar control-sidebar-dark">
|
||||||
|
<!-- Content of the sidebar goes here -->
|
||||||
|
</aside>
|
||||||
|
<!-- The sidebar's background -->
|
||||||
|
<!-- This div must placed right after the sidebar for it to work-->
|
||||||
|
<div class="control-sidebar-bg"></div></code></pre>
|
||||||
|
|
||||||
|
<p class="lead">Light Sidebar Markup</p>
|
||||||
|
<pre class="prettyprint"><code class="lang-html"><!-- The Right Sidebar -->
|
||||||
|
<aside class="control-sidebar control-sidebar-light">
|
||||||
|
<!-- Content of the sidebar goes here -->
|
||||||
|
</aside>
|
||||||
|
<!-- The sidebar's background -->
|
||||||
|
<!-- This div must placed right after the sidebar for it to work-->
|
||||||
|
<div class="control-sidebar-bg"></div></code></pre>
|
||||||
|
|
||||||
|
<p class='lead'>Once you create the sidebar, you will need a toggle button to open/close it.
|
||||||
|
By adding the attribute <code>data-toggle="control-sidebar"</code> to any button, it will
|
||||||
|
automatically act as the toggle button.</p>
|
||||||
|
|
||||||
|
<p class="lead">Toggle Button Example</p>
|
||||||
|
<button class="btn btn-primary" data-toggle="control-sidebar">Toggle Right Sidebar</button><br /><br />
|
||||||
|
|
||||||
|
<p class="lead">Sidebar Toggle Markup</p>
|
||||||
|
<pre class="prettyprint"><code class="lang-html"><button class="btn btn-default" data-toggle="control-sidebar">Toggle Right Sidebar</button></code></pre>
|
||||||
<!-- ===================================================================== -->
|
<!-- ===================================================================== -->
|
||||||
|
|
||||||
<h3 id="component-info-box">Info Box</h3>
|
<h3 id="component-info-box">Info Box</h3>
|
||||||
|
@ -504,16 +537,14 @@
|
||||||
</div><!-- /.col -->
|
</div><!-- /.col -->
|
||||||
</div><!-- /.row -->
|
</div><!-- /.row -->
|
||||||
<p class="lead">Markup</p>
|
<p class="lead">Markup</p>
|
||||||
<pre class="prettyprint"><code class="html">
|
<pre class="prettyprint"><code class="lang-html"><div class="info-box">
|
||||||
<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>
|
<span class="info-box-icon bg-red"><i class="fa fa-star-o"></i></span>
|
||||||
<div class="info-box-content">
|
<div class="info-box-content">
|
||||||
<span class="info-box-text">Likes</span>
|
<span class="info-box-text">Likes</span>
|
||||||
<span class="info-box-number">93,139</span>
|
<span class="info-box-number">93,139</span>
|
||||||
</div><!-- /.info-box-content -->
|
</div><!-- /.info-box-content -->
|
||||||
</div><!-- /.info-box -->
|
</div><!-- /.info-box --></code></pre>
|
||||||
</code></pre>
|
|
||||||
|
|
||||||
<h4>Second Type of Info Boxes</h4>
|
<h4>Second Type of Info Boxes</h4>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
|
@ -579,8 +610,7 @@
|
||||||
</div><!-- /.col -->
|
</div><!-- /.col -->
|
||||||
</div><!-- /.row -->
|
</div><!-- /.row -->
|
||||||
<p class="lead">Markup</p>
|
<p class="lead">Markup</p>
|
||||||
<pre class="prettyprint"><code class="html">
|
<pre class="prettyprint"><code class="lang-html"><-- Apply any bg-* class to to the info-box to color it -->
|
||||||
<-- Apply any bg-* class to to the info-box to color it -->
|
|
||||||
<div class="info-box bg-red">
|
<div class="info-box bg-red">
|
||||||
<span class="info-box-icon"><i class="fa fa-comments-o"></i></span>
|
<span class="info-box-icon"><i class="fa fa-comments-o"></i></span>
|
||||||
<div class="info-box-content">
|
<div class="info-box-content">
|
||||||
|
@ -594,9 +624,8 @@
|
||||||
70% Increase in 30 Days
|
70% Increase in 30 Days
|
||||||
</span>
|
</span>
|
||||||
</div><!-- /.info-box-content -->
|
</div><!-- /.info-box-content -->
|
||||||
</div><!-- /.info-box -->
|
</div><!-- /.info-box --></code></pre>
|
||||||
</code></pre>
|
<p class="lead">The only thing you need to change to alternate between these style is change the placement of the bg-* class. For the
|
||||||
<p class="lead">The only thing you need to change to alternate between these style is change the placement of the bg-* class. For the
|
|
||||||
first style apply any bg-* class to the icon itself. For the other style, apply the bg-* class to the info-box div.</p>
|
first style apply any bg-* class to the icon itself. For the other style, apply the bg-* class to the info-box div.</p>
|
||||||
<!-- ===================================================================== -->
|
<!-- ===================================================================== -->
|
||||||
|
|
||||||
|
@ -621,8 +650,7 @@
|
||||||
The footer of the box
|
The footer of the box
|
||||||
</div><!-- box-footer -->
|
</div><!-- box-footer -->
|
||||||
</div><!-- /.box -->
|
</div><!-- /.box -->
|
||||||
<pre class="prettyprint">
|
<pre class="prettyprint"><div class="box">
|
||||||
<div class="box">
|
|
||||||
<div class="box-header with-border">
|
<div class="box-header with-border">
|
||||||
<h3 class="box-title">Default Box Example</h3>
|
<h3 class="box-title">Default Box Example</h3>
|
||||||
<div class="box-tools pull-right">
|
<div class="box-tools pull-right">
|
||||||
|
@ -703,8 +731,7 @@
|
||||||
</div><!-- /.box -->
|
</div><!-- /.box -->
|
||||||
</div>
|
</div>
|
||||||
</div><!-- /.row -->
|
</div><!-- /.row -->
|
||||||
<pre class="prettyprint">
|
<pre class="prettyprint"><div class="box box-default">...</div>
|
||||||
<div class="box box-default">...</div>
|
|
||||||
<div class="box box-primary">...</div>
|
<div class="box box-primary">...</div>
|
||||||
<div class="box box-info">...</div>
|
<div class="box box-info">...</div>
|
||||||
<div class="box box-warning">...</div>
|
<div class="box box-warning">...</div>
|
||||||
|
@ -934,7 +961,7 @@
|
||||||
<div class="box box-default">
|
<div class="box box-default">
|
||||||
<div class="box-header with-border">
|
<div class="box-header with-border">
|
||||||
<h3 class="box-title">Tootips on buttons</h3>
|
<h3 class="box-title">Tootips on buttons</h3>
|
||||||
<div class="box-tools pull-right">
|
<div class="box-tools pull-right">
|
||||||
<button class="btn btn-box-tool" data-widget="collapse" data-toggle="tooltip" title="Collapse"><i class="fa fa-minus"></i></button>
|
<button class="btn btn-box-tool" data-widget="collapse" data-toggle="tooltip" title="Collapse"><i class="fa fa-minus"></i></button>
|
||||||
<button class="btn btn-box-tool" data-widget="remove" data-toggle="tooltip" title="Remove"><i class="fa fa-times"></i></button>
|
<button class="btn btn-box-tool" data-widget="remove" data-toggle="tooltip" title="Remove"><i class="fa fa-times"></i></button>
|
||||||
</div><!-- /.box-tools -->
|
</div><!-- /.box-tools -->
|
||||||
|
@ -947,7 +974,7 @@
|
||||||
<div class="box box-default">
|
<div class="box box-default">
|
||||||
<div class="box-header with-border">
|
<div class="box-header with-border">
|
||||||
<h3 class="box-title">Tooltips on buttons</h3>
|
<h3 class="box-title">Tooltips on buttons</h3>
|
||||||
<div class="box-tools pull-right">
|
<div class="box-tools pull-right">
|
||||||
<button class="btn btn-box-tool" data-widget="collapse" data-toggle="tooltip" title="Collapse"><i class="fa fa-minus"></i></button>
|
<button class="btn btn-box-tool" data-widget="collapse" data-toggle="tooltip" title="Collapse"><i class="fa fa-minus"></i></button>
|
||||||
<button class="btn btn-box-tool" data-widget="remove" data-toggle="tooltip" title="Remove"><i class="fa fa-times"></i></button>
|
<button class="btn btn-box-tool" data-widget="remove" data-toggle="tooltip" title="Remove"><i class="fa fa-times"></i></button>
|
||||||
</div><!-- /.box-tools -->
|
</div><!-- /.box-tools -->
|
||||||
|
@ -974,7 +1001,7 @@
|
||||||
<i class="fa fa-refresh fa-spin"></i>
|
<i class="fa fa-refresh fa-spin"></i>
|
||||||
</div>
|
</div>
|
||||||
<!-- end loading -->
|
<!-- end loading -->
|
||||||
</div><!-- /.box -->
|
</div><!-- /.box -->
|
||||||
</div><!-- /.col -->
|
</div><!-- /.col -->
|
||||||
|
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
|
@ -990,11 +1017,11 @@
|
||||||
<i class="fa fa-refresh fa-spin"></i>
|
<i class="fa fa-refresh fa-spin"></i>
|
||||||
</div>
|
</div>
|
||||||
<!-- end loading -->
|
<!-- end loading -->
|
||||||
</div><!-- /.box -->
|
</div><!-- /.box -->
|
||||||
</div><!-- /.col -->
|
</div><!-- /.col -->
|
||||||
</div><!-- /.row -->
|
</div><!-- /.row -->
|
||||||
<p class="lead">
|
<p class="lead">
|
||||||
To simulate a loading state, simply place this code before the <code>.box</code> closing tag.
|
To simulate a loading state, simply place this code before the <code>.box</code> closing tag.
|
||||||
</p>
|
</p>
|
||||||
<pre class="prettyprint"><code class="html"><div class="overlay">
|
<pre class="prettyprint"><code class="html"><div class="overlay">
|
||||||
<i class="fa fa-refresh fa-spin"></i>
|
<i class="fa fa-refresh fa-spin"></i>
|
||||||
|
@ -1042,7 +1069,7 @@
|
||||||
<div class="direct-chat-text">
|
<div class="direct-chat-text">
|
||||||
You better believe it!
|
You better believe it!
|
||||||
</div><!-- /.direct-chat-text -->
|
</div><!-- /.direct-chat-text -->
|
||||||
</div><!-- /.direct-chat-msg -->
|
</div><!-- /.direct-chat-msg -->
|
||||||
</div><!--/.direct-chat-messages-->
|
</div><!--/.direct-chat-messages-->
|
||||||
|
|
||||||
<!-- Contacts are loaded here -->
|
<!-- Contacts are loaded here -->
|
||||||
|
@ -1059,7 +1086,7 @@
|
||||||
<span class='contacts-list-msg'>How have you been? I was...</span>
|
<span class='contacts-list-msg'>How have you been? I was...</span>
|
||||||
</div><!-- /.contacts-list-info -->
|
</div><!-- /.contacts-list-info -->
|
||||||
</a>
|
</a>
|
||||||
</li><!-- End Contact Item -->
|
</li><!-- End Contact Item -->
|
||||||
</ul><!-- /.contatcts-list -->
|
</ul><!-- /.contatcts-list -->
|
||||||
</div><!-- /.direct-chat-pane -->
|
</div><!-- /.direct-chat-pane -->
|
||||||
</div><!-- /.box-body -->
|
</div><!-- /.box-body -->
|
||||||
|
@ -1113,7 +1140,7 @@
|
||||||
<div class="direct-chat-text">
|
<div class="direct-chat-text">
|
||||||
You better believe it!
|
You better believe it!
|
||||||
</div><!-- /.direct-chat-text -->
|
</div><!-- /.direct-chat-text -->
|
||||||
</div><!-- /.direct-chat-msg -->
|
</div><!-- /.direct-chat-msg -->
|
||||||
</div><!--/.direct-chat-messages-->
|
</div><!--/.direct-chat-messages-->
|
||||||
|
|
||||||
<!-- Contacts are loaded here -->
|
<!-- Contacts are loaded here -->
|
||||||
|
@ -1130,7 +1157,7 @@
|
||||||
<span class='contacts-list-msg'>How have you been? I was...</span>
|
<span class='contacts-list-msg'>How have you been? I was...</span>
|
||||||
</div><!-- /.contacts-list-info -->
|
</div><!-- /.contacts-list-info -->
|
||||||
</a>
|
</a>
|
||||||
</li><!-- End Contact Item -->
|
</li><!-- End Contact Item -->
|
||||||
</ul><!-- /.contatcts-list -->
|
</ul><!-- /.contatcts-list -->
|
||||||
</div><!-- /.direct-chat-pane -->
|
</div><!-- /.direct-chat-pane -->
|
||||||
</div><!-- /.box-body -->
|
</div><!-- /.box-body -->
|
||||||
|
@ -1184,7 +1211,7 @@
|
||||||
<div class="direct-chat-text">
|
<div class="direct-chat-text">
|
||||||
You better believe it!
|
You better believe it!
|
||||||
</div><!-- /.direct-chat-text -->
|
</div><!-- /.direct-chat-text -->
|
||||||
</div><!-- /.direct-chat-msg -->
|
</div><!-- /.direct-chat-msg -->
|
||||||
</div><!--/.direct-chat-messages-->
|
</div><!--/.direct-chat-messages-->
|
||||||
|
|
||||||
<!-- Contacts are loaded here -->
|
<!-- Contacts are loaded here -->
|
||||||
|
@ -1201,7 +1228,7 @@
|
||||||
<span class='contacts-list-msg'>How have you been? I was...</span>
|
<span class='contacts-list-msg'>How have you been? I was...</span>
|
||||||
</div><!-- /.contacts-list-info -->
|
</div><!-- /.contacts-list-info -->
|
||||||
</a>
|
</a>
|
||||||
</li><!-- End Contact Item -->
|
</li><!-- End Contact Item -->
|
||||||
</ul><!-- /.contatcts-list -->
|
</ul><!-- /.contatcts-list -->
|
||||||
</div><!-- /.direct-chat-pane -->
|
</div><!-- /.direct-chat-pane -->
|
||||||
</div><!-- /.box-body -->
|
</div><!-- /.box-body -->
|
||||||
|
@ -1255,7 +1282,7 @@
|
||||||
<div class="direct-chat-text">
|
<div class="direct-chat-text">
|
||||||
You better believe it!
|
You better believe it!
|
||||||
</div><!-- /.direct-chat-text -->
|
</div><!-- /.direct-chat-text -->
|
||||||
</div><!-- /.direct-chat-msg -->
|
</div><!-- /.direct-chat-msg -->
|
||||||
</div><!--/.direct-chat-messages-->
|
</div><!--/.direct-chat-messages-->
|
||||||
|
|
||||||
<!-- Contacts are loaded here -->
|
<!-- Contacts are loaded here -->
|
||||||
|
@ -1272,7 +1299,7 @@
|
||||||
<span class='contacts-list-msg'>How have you been? I was...</span>
|
<span class='contacts-list-msg'>How have you been? I was...</span>
|
||||||
</div><!-- /.contacts-list-info -->
|
</div><!-- /.contacts-list-info -->
|
||||||
</a>
|
</a>
|
||||||
</li><!-- End Contact Item -->
|
</li><!-- End Contact Item -->
|
||||||
</ul><!-- /.contatcts-list -->
|
</ul><!-- /.contatcts-list -->
|
||||||
</div><!-- /.direct-chat-pane -->
|
</div><!-- /.direct-chat-pane -->
|
||||||
</div><!-- /.box-body -->
|
</div><!-- /.box-body -->
|
||||||
|
@ -1330,7 +1357,7 @@
|
||||||
<div class="direct-chat-text">
|
<div class="direct-chat-text">
|
||||||
You better believe it!
|
You better believe it!
|
||||||
</div><!-- /.direct-chat-text -->
|
</div><!-- /.direct-chat-text -->
|
||||||
</div><!-- /.direct-chat-msg -->
|
</div><!-- /.direct-chat-msg -->
|
||||||
</div><!--/.direct-chat-messages-->
|
</div><!--/.direct-chat-messages-->
|
||||||
|
|
||||||
<!-- Contacts are loaded here -->
|
<!-- Contacts are loaded here -->
|
||||||
|
@ -1347,7 +1374,7 @@
|
||||||
<span class='contacts-list-msg'>How have you been? I was...</span>
|
<span class='contacts-list-msg'>How have you been? I was...</span>
|
||||||
</div><!-- /.contacts-list-info -->
|
</div><!-- /.contacts-list-info -->
|
||||||
</a>
|
</a>
|
||||||
</li><!-- End Contact Item -->
|
</li><!-- End Contact Item -->
|
||||||
</ul><!-- /.contatcts-list -->
|
</ul><!-- /.contatcts-list -->
|
||||||
</div><!-- /.direct-chat-pane -->
|
</div><!-- /.direct-chat-pane -->
|
||||||
</div><!-- /.box-body -->
|
</div><!-- /.box-body -->
|
||||||
|
@ -1365,7 +1392,7 @@
|
||||||
<p>Of course you can use direct chat with a solid box by adding the class <code>solid-box</code> to the box. Here are a couple of examples:</p>
|
<p>Of course you can use direct chat with a solid box by adding the class <code>solid-box</code> to the box. Here are a couple of examples:</p>
|
||||||
|
|
||||||
<!-- Direct Chat With Solid Boxes -->
|
<!-- Direct Chat With Solid Boxes -->
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<!-- DIRECT CHAT WARNING -->
|
<!-- DIRECT CHAT WARNING -->
|
||||||
<div class="box box-primary box-solid direct-chat direct-chat-primary">
|
<div class="box box-primary box-solid direct-chat direct-chat-primary">
|
||||||
|
@ -1403,7 +1430,7 @@
|
||||||
<div class="direct-chat-text">
|
<div class="direct-chat-text">
|
||||||
You better believe it!
|
You better believe it!
|
||||||
</div><!-- /.direct-chat-text -->
|
</div><!-- /.direct-chat-text -->
|
||||||
</div><!-- /.direct-chat-msg -->
|
</div><!-- /.direct-chat-msg -->
|
||||||
</div><!--/.direct-chat-messages-->
|
</div><!--/.direct-chat-messages-->
|
||||||
|
|
||||||
<!-- Contacts are loaded here -->
|
<!-- Contacts are loaded here -->
|
||||||
|
@ -1420,7 +1447,7 @@
|
||||||
<span class='contacts-list-msg'>How have you been? I was...</span>
|
<span class='contacts-list-msg'>How have you been? I was...</span>
|
||||||
</div><!-- /.contacts-list-info -->
|
</div><!-- /.contacts-list-info -->
|
||||||
</a>
|
</a>
|
||||||
</li><!-- End Contact Item -->
|
</li><!-- End Contact Item -->
|
||||||
</ul><!-- /.contatcts-list -->
|
</ul><!-- /.contatcts-list -->
|
||||||
</div><!-- /.direct-chat-pane -->
|
</div><!-- /.direct-chat-pane -->
|
||||||
</div><!-- /.box-body -->
|
</div><!-- /.box-body -->
|
||||||
|
@ -1474,7 +1501,7 @@
|
||||||
<div class="direct-chat-text">
|
<div class="direct-chat-text">
|
||||||
You better believe it!
|
You better believe it!
|
||||||
</div><!-- /.direct-chat-text -->
|
</div><!-- /.direct-chat-text -->
|
||||||
</div><!-- /.direct-chat-msg -->
|
</div><!-- /.direct-chat-msg -->
|
||||||
</div><!--/.direct-chat-messages-->
|
</div><!--/.direct-chat-messages-->
|
||||||
|
|
||||||
<!-- Contacts are loaded here -->
|
<!-- Contacts are loaded here -->
|
||||||
|
@ -1491,7 +1518,7 @@
|
||||||
<span class='contacts-list-msg'>How have you been? I was...</span>
|
<span class='contacts-list-msg'>How have you been? I was...</span>
|
||||||
</div><!-- /.contacts-list-info -->
|
</div><!-- /.contacts-list-info -->
|
||||||
</a>
|
</a>
|
||||||
</li><!-- End Contact Item -->
|
</li><!-- End Contact Item -->
|
||||||
</ul><!-- /.contatcts-list -->
|
</ul><!-- /.contatcts-list -->
|
||||||
</div><!-- /.direct-chat-pane -->
|
</div><!-- /.direct-chat-pane -->
|
||||||
</div><!-- /.box-body -->
|
</div><!-- /.box-body -->
|
||||||
|
|
|
@ -65,10 +65,11 @@
|
||||||
<li><a href="#layout"><i class='fa fa-circle-o'></i> Layout</a></li>
|
<li><a href="#layout"><i class='fa fa-circle-o'></i> Layout</a></li>
|
||||||
<li><a href="#adminlte-options"><i class='fa fa-circle-o'></i> Javascript Options</a></li>
|
<li><a href="#adminlte-options"><i class='fa fa-circle-o'></i> Javascript Options</a></li>
|
||||||
<li class='treeview' id='scrollspy-components'>
|
<li class='treeview' id='scrollspy-components'>
|
||||||
<a href="#components"><i class='fa fa-circle-o'></i> Components</a>
|
<a href="javascript::;"><i class='fa fa-circle-o'></i> Components</a>
|
||||||
<ul class='nav treeview-menu'>
|
<ul class='nav treeview-menu'>
|
||||||
<li><a href='#component-main-header'>Main Header</a></li>
|
<li><a href='#component-main-header'>Main Header</a></li>
|
||||||
<li><a href='#component-sidebar'>Sidebar</a></li>
|
<li><a href='#component-sidebar'>Sidebar</a></li>
|
||||||
|
<li><a href='#component-control-sidebar'>Control Sidebar</a></li>
|
||||||
<li><a href='#component-info-box'>Info Box</a></li>
|
<li><a href='#component-info-box'>Info Box</a></li>
|
||||||
<li><a href='#component-box'>Boxes</a></li>
|
<li><a href='#component-box'>Boxes</a></li>
|
||||||
<li><a href='#component-direct-chat'>Direct Chat</a></li>
|
<li><a href='#component-direct-chat'>Direct Chat</a></li>
|
||||||
|
@ -102,55 +103,55 @@
|
||||||
<!-- Main content -->
|
<!-- Main content -->
|
||||||
<div class="content body">
|
<div class="content body">
|
||||||
|
|
||||||
include "introduction.html"
|
include "introduction.html"
|
||||||
|
|
||||||
<!-- ============================================================= -->
|
<!-- ============================================================= -->
|
||||||
|
|
||||||
include "download.html"
|
include "download.html"
|
||||||
|
|
||||||
<!-- ============================================================= -->
|
<!-- ============================================================= -->
|
||||||
|
|
||||||
include "dependencies.html"
|
include "dependencies.html"
|
||||||
|
|
||||||
<!-- ============================================================= -->
|
<!-- ============================================================= -->
|
||||||
|
|
||||||
include "advice.html"
|
include "advice.html"
|
||||||
|
|
||||||
<!-- ============================================================= -->
|
<!-- ============================================================= -->
|
||||||
|
|
||||||
include "layout.html"
|
include "layout.html"
|
||||||
|
|
||||||
<!-- ============================================================= -->
|
<!-- ============================================================= -->
|
||||||
|
|
||||||
include "adminlte-options.html"
|
include "adminlte-options.html"
|
||||||
|
|
||||||
<!-- ============================================================= -->
|
<!-- ============================================================= -->
|
||||||
|
|
||||||
include "components.html"
|
include "components.html"
|
||||||
|
|
||||||
<!-- ============================================================= -->
|
<!-- ============================================================= -->
|
||||||
|
|
||||||
include "plugins.html"
|
include "plugins.html"
|
||||||
|
|
||||||
<!-- ============================================================= -->
|
<!-- ============================================================= -->
|
||||||
|
|
||||||
include "browsers.html"
|
include "browsers.html"
|
||||||
|
|
||||||
<!-- ============================================================= -->
|
<!-- ============================================================= -->
|
||||||
|
|
||||||
include "upgrade.html"
|
include "upgrade.html"
|
||||||
|
|
||||||
<!-- ============================================================= -->
|
<!-- ============================================================= -->
|
||||||
|
|
||||||
include "implementations.html"
|
include "implementations.html"
|
||||||
|
|
||||||
<!-- ============================================================= -->
|
<!-- ============================================================= -->
|
||||||
|
|
||||||
include "faq.html"
|
include "faq.html"
|
||||||
|
|
||||||
<!-- ============================================================= -->
|
<!-- ============================================================= -->
|
||||||
|
|
||||||
include "license.html"
|
include "license.html"
|
||||||
|
|
||||||
</div><!-- /.content -->
|
</div><!-- /.content -->
|
||||||
</div><!-- /.content-wrapper -->
|
</div><!-- /.content-wrapper -->
|
||||||
|
@ -162,6 +163,17 @@ include "license.html"
|
||||||
<strong>Copyright © 2014-2015 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights reserved.
|
<strong>Copyright © 2014-2015 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights reserved.
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
|
<!-- Control Sidebar -->
|
||||||
|
<aside class="control-sidebar control-sidebar-dark">
|
||||||
|
<!-- Create the tabs -->
|
||||||
|
<div class="pad">
|
||||||
|
This is an example of the control sidebar.
|
||||||
|
</div>
|
||||||
|
</aside><!-- /.control-sidebar -->
|
||||||
|
<!-- Add the sidebar's background. This div must be placed
|
||||||
|
immediately after the control sidebar -->
|
||||||
|
<div class='control-sidebar-bg'></div>
|
||||||
|
|
||||||
</div><!-- ./wrapper -->
|
</div><!-- ./wrapper -->
|
||||||
|
|
||||||
<!-- jQuery 2.1.3 -->
|
<!-- jQuery 2.1.3 -->
|
||||||
|
@ -169,7 +181,7 @@ include "license.html"
|
||||||
<!-- Bootstrap 3.3.2 JS -->
|
<!-- Bootstrap 3.3.2 JS -->
|
||||||
<script src="../bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
|
<script src="../bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
|
||||||
<!-- FastClick -->
|
<!-- FastClick -->
|
||||||
<script src='../plugins/fastclick/fastclick.min.js'></script>
|
<script src='../plugins/fastclick/fastclick.min.js'></script>
|
||||||
<!-- AdminLTE App -->
|
<!-- AdminLTE App -->
|
||||||
<script src="../dist/js/app.min.js" type="text/javascript"></script>
|
<script src="../dist/js/app.min.js" type="text/javascript"></script>
|
||||||
<!-- SlimScroll 1.3.0 -->
|
<!-- SlimScroll 1.3.0 -->
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
/*
|
/*
|
||||||
* Documentation specific JS script
|
* Documentation JS script
|
||||||
*/
|
*/
|
||||||
$(function () {
|
$(function () {
|
||||||
var slideToTop = $("<div />");
|
var slideToTop = $("<div />");
|
||||||
|
@ -42,9 +42,9 @@ $(function () {
|
||||||
scrollTop: 0
|
scrollTop: 0
|
||||||
}, 500);
|
}, 500);
|
||||||
});
|
});
|
||||||
$(".sidebar-menu li a").click(function () {
|
$(".sidebar-menu li:not(.treeview) a").click(function () {
|
||||||
var $this = $(this);
|
var $this = $(this);
|
||||||
var target = $this.attr("href");
|
var target = $this.attr("href");
|
||||||
if (typeof target === 'string') {
|
if (typeof target === 'string') {
|
||||||
$("body").animate({
|
$("body").animate({
|
||||||
scrollTop: ($(target).offset().top) + "px"
|
scrollTop: ($(target).offset().top) + "px"
|
||||||
|
|
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue