Updates Docs
This commit is contained in:
Abdullah Almsaeed
@@ -21,7 +21,7 @@
|
||||
<![endif]-->
|
||||
<style>
|
||||
body {
|
||||
font-family: "proxima-nova", 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
||||
font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
||||
font-weight: 500;
|
||||
}
|
||||
.content-wrapper {
|
||||
@@ -91,8 +91,12 @@
|
||||
background: #333;
|
||||
color: #fff;
|
||||
}
|
||||
.plugins-list li {
|
||||
width: 50%;
|
||||
float: left;
|
||||
}
|
||||
pre {
|
||||
border: none;
|
||||
border: none;
|
||||
}
|
||||
/* desert scheme ported from vim to google prettify */
|
||||
pre.prettyprint {display: block; background-color: #333; max-height: 300px; border: none!important; margin-bottom: 20px;}
|
||||
@@ -171,7 +175,13 @@
|
||||
<li><a href="#dependencies"><i class='fa fa-circle-o'></i> Dependencies</a></li>
|
||||
<li><a href="#advice"><i class='fa fa-circle-o'></i> Advice</a></li>
|
||||
<li><a href="#layout"><i class='fa fa-circle-o'></i> Layout</a></li>
|
||||
<li><a href="#components"><i class='fa fa-circle-o'></i> Components</a></li>
|
||||
<li class='treeview' id='scrollspy-components'>
|
||||
<a href="#components"><i class='fa fa-circle-o'></i> Components</a>
|
||||
<ul class='treeview-menu'>
|
||||
<li><a href='#main-header'>Main Header</a></li>
|
||||
<li><a href='#main-header'>Boxes</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#plugins"><i class='fa fa-circle-o'></i> Plugins</a></li>
|
||||
<li><a href="#browsers"><i class='fa fa-circle-o'></i> Browser Support</a></li>
|
||||
<li><a href="#upgrade"><i class='fa fa-circle-o'></i> Upgrade Guide</a></li>
|
||||
@@ -434,7 +444,7 @@ AdminLTE/
|
||||
|
||||
<!-- ============================================================= -->
|
||||
|
||||
<section id='components'>
|
||||
<section id='components' data-spy="scroll" data-target="#scrollspy-components">
|
||||
<h2 class='page-header'><span>Components</span></h2>
|
||||
<div class='callout callout-info lead'>
|
||||
<h4>Reminder!</h4>
|
||||
@@ -770,7 +780,7 @@ AdminLTE/
|
||||
</ul>
|
||||
<form class="navbar-form navbar-left" role="search">
|
||||
<div class="form-group">
|
||||
<input type="text" class="form-control" placeholder="Search">
|
||||
<input type="text" class="form-control" id="navbar-search-input" placeholder="Search">
|
||||
</div>
|
||||
</form>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
@@ -823,7 +833,7 @@ AdminLTE/
|
||||
</ul>
|
||||
<form class="navbar-form navbar-left" role="search">
|
||||
<div class="form-group">
|
||||
<input type="text" class="form-control" placeholder="Search">
|
||||
<input type="text" class="form-control" id="navbar-search-input" placeholder="Search">
|
||||
</div>
|
||||
</form>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
@@ -1088,9 +1098,49 @@ AdminLTE/
|
||||
<section id='plugins'>
|
||||
<h2 class='page-header'><span>Plugins</span></h2>
|
||||
<p class="lead">AdminLTE makes use of the following plugins. For documentation and/or updates, please visit the provided links.</p>
|
||||
<ul>
|
||||
|
||||
</ul>
|
||||
<div class='row'>
|
||||
<div class='col-sm-3'>
|
||||
<ul class="list-unstyled">
|
||||
<li><h4>Charts</h4></li>
|
||||
<li><a href='http://chartjs.org/' target="_blank">ChartJS</a></li>
|
||||
<li><a href='http://www.flotcharts.org/' target="_blank">Flot</a></li>
|
||||
<li><a href='http://morrisjs.github.io/morris.js/' target="_blank">Morris.js</a></li>
|
||||
<li><a href='http://omnipotent.net/jquery.sparkline/' target="_blank">Sparkline</a></li>
|
||||
</ul>
|
||||
</div><!-- /.col -->
|
||||
<div class='col-sm-3'>
|
||||
<ul class="list-unstyled">
|
||||
<li><h4>Form Elements</h4></li>
|
||||
<li><a href='https://github.com/seiyria/bootstrap-slider'>Bootstrap Slider</a></li>
|
||||
<li><a href='http://ionden.com/a/plugins/ion.rangeSlider/en.html' target="_blank">Ion Slider</a></li>
|
||||
<li><a href='http://bootstrap-datepicker.readthedocs.org/' target="_blank">Date Picker</a></li>
|
||||
<li><a href='http://www.improvely.com/' target="_blank">Date Range Picker</a></li>
|
||||
<li><a href='http://mjolnic.github.io/bootstrap-colorpicker/' target="_blank">Color Picker</a></li>
|
||||
<li><a href='https://github.com/jdewit/bootstrap-timepicker' target="_blank">Time Picker</a></li>
|
||||
<li><a href='http://git.io/arlzeA' target="_blank">iCheck</a></li>
|
||||
<li><a href='http://github.com/RobinHerbots/jquery.inputmask' target="_blank">Input Mask</a></li>
|
||||
</ul>
|
||||
</div><!-- /.col -->
|
||||
<div class='col-sm-3'>
|
||||
<ul class="list-unstyled">
|
||||
<li><h4>Editors</h4></li>
|
||||
<li><a href='https://github.com/Waxolunist/bootstrap3-wysihtml5-bower' target="_blank">Bootstrap WYSIHTML5</a></li>
|
||||
<li><a href='http://ckeditor.com' target="_blank">CK Editor</a></li>
|
||||
</ul>
|
||||
</div><!-- /. col -->
|
||||
<div class='col-sm-3'>
|
||||
<ul class="list-unstyled">
|
||||
<li><h4>Other</h4></li>
|
||||
<li><a href='https://datatables.net/examples/styling/bootstrap.html' target="_blank">Data Tables</a></li>
|
||||
<li><a href='http://arshaw.com/fullcalendar/' target="_blank">Full Calendar</a></li>
|
||||
<li><a href='http://jqueryui.com' target="_blank">jQuery UI</a></li>
|
||||
<li><a href='http://anthonyterrien.com/knob/' target="_blank">jQuery Knob</a></li>
|
||||
<li><a href='http://jvectormap.com/' target="_blank">jVector Map</a></li>
|
||||
<li><a href='http://rocha.la' target="_blank">Slim Scroll</a></li>
|
||||
<li><a href='http://github.hubspot.com/pace/docs/welcome/' target="_blank">Pace</a></li>
|
||||
</ul>
|
||||
</div><!-- /.col -->
|
||||
</div><!-- /.row -->
|
||||
</section>
|
||||
|
||||
<!-- ============================================================= -->
|
||||
@@ -1111,7 +1161,8 @@ AdminLTE/
|
||||
|
||||
<section id='upgrade'>
|
||||
<h2 class='page-header'><span>Upgrade Guide</span></h2>
|
||||
<p class="lead">To upgrade from version 1.x to the lateset version, apply these changes to your HTML markup:</p>
|
||||
<p class="lead">To upgrade from version 1.x to the lateset version, follow this guide.</p>
|
||||
<h3>Layout Changes</h3>
|
||||
<ol>
|
||||
<li>The .wrapper div must be placed immediately after the body tag rather than after the header</li>
|
||||
<li>Change the .header div to .main-header <code><div class="main-header"></code></li>
|
||||
@@ -1119,6 +1170,12 @@ AdminLTE/
|
||||
<li>Change the .left-side class to .main-sidebar <code><div class="main-sidebar"></code></li>
|
||||
<li>In the navbar, change .navbar-right to .navbar-custom-menu <code><div class="navbar-custom-menu"></code></li>
|
||||
</ol>
|
||||
<h3>Navbar Custom Dropdown Menus</h3>
|
||||
<ol>
|
||||
<li>The icons in the notification menu do not need bg-* classes. They should be replaced with contextual text color class such as text-aqua or text-red.</li>
|
||||
</ol>
|
||||
<h3>Login, Registration and Lockscreen Pages</h3>
|
||||
<p>There are major changes to the HTML markup and style to these pages. The best way is to copy the page's code and customize it.</p>
|
||||
<p>And you should be set to go!</p>
|
||||
</section>
|
||||
|
||||
@@ -1204,18 +1261,19 @@ AdminLTE/
|
||||
<!-- SlimScroll 1.3.0 -->
|
||||
<script src="../plugins/slimScroll/jquery.slimscroll.min.js" type="text/javascript"></script>
|
||||
<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>
|
||||
<script src="//use.typekit.net/yvy0plb.js"></script>
|
||||
<script>
|
||||
try {
|
||||
Typekit.load();
|
||||
} catch (e) {
|
||||
}
|
||||
</script>
|
||||
|
||||
<script>
|
||||
$(function () {
|
||||
$(".sidebar-menu li a").click(function () {
|
||||
var $this = $(this);
|
||||
var target = $this.attr("href");
|
||||
$(this).parents("ul").find(".active").removeClass("active");
|
||||
$(this).parent('li').addClass('active');
|
||||
if (typeof target == 'string') {
|
||||
$("body").animate({
|
||||
scrollTop: ($(target).offset().top - 32) + "px"
|
||||
}, 500);
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user