Features of AdminLTE 2.1
AdminLTE 2.1 offers a few new features that enhance the user experience in multiple ways. I will list some of the features in this article and discuss their markup.
Features of AdminLTE 2.1
Sidebar mini provides the user with the ability to collapse the sidebar without losing accessibility
to site navigation. Sidebar mini can be activated by simply adding the
class to the body tag.
<body class="skin-blue sidebar-mini">
To start the template with a collapsed sidebar, we need to add the class
to the body tag.
<body class="skin-blue sidebar-mini sidebar-collapse">
The control sidebar is a new section to the layout. It adds the ability for a right sidebar that can be used for many purposes. The demo uses it to provide changable layout and skin options.
The control sidebar is easily constructed by placing a couple of divs in the main wrapper. Right
before the closing tag for the
.wrapper div, add the following divs.
<!-- The sidebar container --> <!-- Two skins are available control-sidebar-dark and control-sidebar-light --> <div class="control-sidebar control-sidebar-dark"> <!-- Place the content of the sidebar here --> </div> <!-- Add the sidebar's background. This div must be placed immediately after the control sidebar and should be left empty. --> <div class='control-sidebar-bg'></div>
You can configure how the sidebar opens from the
By setting the
controlSidebarOptions.slide option to false, the sidebar will force the content
to shift to the left to make space for the sidebar.
A control sidebar toggle button can be any clickable object that has the attribute
Of course, that attribute could be customized through the
In the demo, the toggle button is a link in the navbar that displays the gears () icon.
What if you wanted to make the control sidebar visible by default?
Well, that's easily accomplished by adding the class
control-sidebar-open to the body tag if the
is set to false or to the sidebar itself otherwise.
6 New Skins
AdminLTE 2.0 came with 6 original skins. In v2.1 we added 6 new skins that switches the color of the sidebar to a light color.
You can preview the skins in the documentation or through the control sidebar in the demo.
The latest version of AdminLTE can be downloaded from Almsaeed Studio's homepage.
I hope you liked the new features of AdminLTE 2.1. We are looking forward for more improvements and enhancements, so feel free to post your issue, comment or suggestion below.