1 <section id="adminlte-options">
2 <h2 class="page-header"><a href="#adminlte-options">AdminLTE Javascript Options</a></h2>
3 <p class="lead">Modifying the options of AdminLTE's app.js can be done using one of the following ways.</p>
5 <h3>Editing app.js</h3>
6 <p>Within the main Javascript file, modify the <code>$.AdminLTE.options</code> object to suit your use case.</p>
8 <h3>Defining AdminLTEOptions</h3>
9 <p>Alternatively, you can define a global options variable named <code>AdminLTEOptions</code> and initialize it before loading app.js.</p>
11 <pre class="prettyprint"><code class="html"><script>
12 var AdminLTEOptions = {
13 //Enable sidebar expand on hover effect for sidebar mini
14 //This option is forced to true if both the fixed layout and sidebar mini
16 sidebarExpandOnHover: true,
18 enableBoxRefresh: true,
19 //Bootstrap.js tooltip
20 enableBSToppltip: true
23 <script src="dist/js/app.js" type="text/javascript"></script></code></pre>
25 <h3>Available AdminLTE Options</h3>
26 <pre class="prettyprint"><code class="javascript">{
27 //Add slimscroll to navbar menus
28 //This requires you to load the slimscroll plugin
29 //in every page before app.js
30 navbarMenuSlimscroll: true,
31 navbarMenuSlimscrollWidth: "3px", //The width of the scroll bar
32 navbarMenuHeight: "200px", //The height of the inner menu
33 //General animation speed for JS animated elements such as box collapse/expand and
34 //sidebar treeview slide up/down. This options accepts an integer as milliseconds,
35 //'fast', 'normal', or 'slow'
37 //Sidebar push menu toggle button selector
38 sidebarToggleSelector: "[data-toggle='offcanvas']",
39 //Activate sidebar push menu
40 sidebarPushMenu: true,
41 //Activate sidebar slimscroll if the fixed layout is set (requires SlimScroll Plugin)
42 sidebarSlimScroll: true,
43 //Enable sidebar expand on hover effect for sidebar mini
44 //This option is forced to true if both the fixed layout and sidebar mini
46 sidebarExpandOnHover: false,
48 enableBoxRefresh: true,
49 //Bootstrap.js tooltip
50 enableBSToppltip: true,
51 BSTooltipSelector: "[data-toggle='tooltip']",
52 //Enable Fast Click. Fastclick.js creates a more
53 //native touch experience with touch devices. If you
54 //choose to enable the plugin, make sure you load the script
55 //before AdminLTE's app.js
56 enableFastclick: true,
57 //Control Sidebar Options
58 enableControlSidebar: true,
59 controlSidebarOptions: {
60 //Which button should trigger the open/close event
61 toggleBtnSelector: "[data-toggle='control-sidebar']",
62 //The sidebar selector
63 selector: ".control-sidebar",
64 //Enable slide over content
67 //Box Widget Plugin. Enable this plugin
68 //to allow boxes to be collapsed and/or removed
69 enableBoxWidget: true,
70 //Box Widget plugin options
81 //Remove button selector
82 remove: '[data-widget="remove"]',
83 //Collapse button selector
84 collapse: '[data-widget="collapse"]'
87 //Direct Chat plugin options
89 //Enable direct chat by default
91 //The button to open and close the chat contacts pane
92 contactToggleSelector: '[data-widget="chat-pane-toggle"]'
94 //Define the set of colors to use globally around the website
113 //The standard screen sizes that bootstrap uses.
114 //If you change these in the variables.less file, change