Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
知鸟1号
AdminLTE
提交
4bc1bbe0
A
AdminLTE
项目概览
知鸟1号
/
AdminLTE
与 Fork 源项目一致
从无法访问的项目Fork
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
A
AdminLTE
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
4bc1bbe0
编写于
4月 19, 2015
作者:
A
Abdullah Almsaeed
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Updated docs
上级
bd926b06
变更
4
展开全部
隐藏空白更改
内联
并排
Showing
4 changed file
with
249 addition
and
790 deletion
+249
-790
documentation/build/include/adminlte-options.html
documentation/build/include/adminlte-options.html
+119
-0
documentation/build/include/layout.html
documentation/build/include/layout.html
+1
-395
documentation/build/index.html
documentation/build/index.html
+5
-0
documentation/index.html
documentation/index.html
+124
-395
未找到文件。
documentation/build/include/adminlte-options.html
0 → 100644
浏览文件 @
4bc1bbe0
<section
id=
'adminlte-options'
>
<h2
class=
'page-header'
><a
href=
"#adminlte-options"
>
AdminLTE Javascript Options
</a></h2>
<p
class=
"lead"
>
Modifying the options of AdminLTE's app.js can be done using one of the following ways.
</p>
<h3>
Editing app.js
</h3>
<p>
Within the main Javascript file, modify the
<code>
$.AdminLTE.options
</code>
object to suit your use case.
</p>
<h3>
Defining AdminLTEOptions
</h3>
<p>
Alternatively, you can define a global options variable named
<code>
AdminLTEOptions
</code>
and initialize it before loading app.js.
</p>
<p>
Example
</p>
<pre
class=
'prettyprint'
><code
class=
'html'
>
<
script>
var AdminLTEOptions = {
//Enable sidebar expand on hover effect for sidebar mini
//This option is forced to true if both the fixed layout and sidebar mini
//are used together
sidebarExpandOnHover: true,
//BoxRefresh Plugin
enableBoxRefresh: true,
//Bootstrap.js tooltip
enableBSToppltip: true
};
<
/script>
<
script src='dist/js/app.js' type='text/javascript'>
<
/script>
</code></pre>
<h3>
Available AdminLTE Options
</h3>
<pre
class=
'prettyprint'
><code
class=
'javascript'
>
{
//Add slimscroll to navbar menus
//This requires you to load the slimscroll plugin
//in every page before app.js
navbarMenuSlimscroll: true,
navbarMenuSlimscrollWidth: "3px", //The width of the scroll bar
navbarMenuHeight: "200px", //The height of the inner menu
//Sidebar push menu toggle button selector
sidebarToggleSelector: "[data-toggle='offcanvas']",
//Activate sidebar push menu
sidebarPushMenu: true,
//Activate sidebar slimscroll if the fixed layout is set (requires SlimScroll Plugin)
sidebarSlimScroll: true,
//Enable sidebar expand on hover effect for sidebar mini
//This option is forced to true if both the fixed layout and sidebar mini
//are used together
sidebarExpandOnHover: false,
//BoxRefresh Plugin
enableBoxRefresh: true,
//Bootstrap.js tooltip
enableBSToppltip: true,
BSTooltipSelector: "[data-toggle='tooltip']",
//Enable Fast Click. Fastclick.js creates a more
//native touch experience with touch devices. If you
//choose to enable the plugin, make sure you load the script
//before AdminLTE's app.js
enableFastclick: true,
//Control Sidebar Options
enableControlSidebar: true,
controlSidebarOptions: {
//Which button should trigger the open/close event
toggleBtnSelector: "[data-toggle='control-sidebar']",
//The sidebar selector
selector: ".control-sidebar",
//Enable slide over content
slide: true
},
//Box Widget Plugin. Enable this plugin
//to allow boxes to be collapsed and/or removed
enableBoxWidget: true,
//Box Widget plugin options
boxWidgetOptions: {
boxWidgetIcons: {
//Collapse icon
collapse: 'fa-minus',
//Open icon
open: 'fa-plus',
//Remove icon
remove: 'fa-times'
},
boxWidgetSelectors: {
//Remove button selector
remove: '[data-widget="remove"]',
//Collapse button selector
collapse: '[data-widget="collapse"]'
}
},
//Direct Chat plugin options
directChat: {
//Enable direct chat by default
enable: true,
//The button to open and close the chat contacts pane
contactToggleSelector: '[data-widget="chat-pane-toggle"]'
},
//Define the set of colors to use globally around the website
colors: {
lightBlue: "#3c8dbc",
red: "#f56954",
green: "#00a65a",
aqua: "#00c0ef",
yellow: "#f39c12",
blue: "#0073b7",
navy: "#001F3F",
teal: "#39CCCC",
olive: "#3D9970",
lime: "#01FF70",
orange: "#FF851B",
fuchsia: "#F012BE",
purple: "#8E24AA",
maroon: "#D81B60",
black: "#222222",
gray: "#d2d6de"
},
//The standard screen sizes that bootstrap uses.
//If you change these in the variables.less file, change
//them here too.
screenSizes: {
xs: 480,
sm: 768,
md: 992,
lg: 1200
}
}
</code></pre>
</section>
\ No newline at end of file
documentation/build/include/layout.html
浏览文件 @
4bc1bbe0
此差异已折叠。
点击以展开。
documentation/build/index.html
浏览文件 @
4bc1bbe0
...
@@ -63,6 +63,7 @@
...
@@ -63,6 +63,7 @@
<li><a
href=
"#dependencies"
><i
class=
'fa fa-circle-o'
></i>
Dependencies
</a></li>
<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=
"#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=
"#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
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=
"#components"
><i
class=
'fa fa-circle-o'
></i>
Components
</a>
<ul
class=
'nav treeview-menu'
>
<ul
class=
'nav treeview-menu'
>
...
@@ -121,6 +122,10 @@ include "advice.html"
...
@@ -121,6 +122,10 @@ include "advice.html"
include "layout.html"
include "layout.html"
<!-- ============================================================= -->
include "adminlte-options.html"
<!-- ============================================================= -->
<!-- ============================================================= -->
include "components.html"
include "components.html"
...
...
documentation/index.html
浏览文件 @
4bc1bbe0
此差异已折叠。
点击以展开。
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录