一、工具欄mini-toolbar
a) 去掉所有邊框
.hideToolbarBorder{
border: solid 0px ;
}
單獨去掉某個樣式以此類推(上、下、左、右)
.hideToolbarBorder-top{
border-top: solid 0px ;
}
.hideToolbarBorder-bottom{
border-bottom: solid 0px ;
}
.hideToolbarBorder-left{
border-left: solid 0px ;
}
.hideToolbarBorder-right{
border-right: solid 0px ;
}
二、選項卡mini-tabs
a) 去掉頁切所有邊框
.hideTabsPageBorder .mini-tabs-scrollCt {
border: solid 0px ;
}
如下為上下左右
.hideTabsPageBorder-top .mini-tabs-scrollCt {
border-top: solid 0px ;
}
.hideTabsPageBorder-bottom .mini-tabs-scrollCt {
border-bottom: solid 0px ;
}
.hideTabsPageBorder-left .mini-tabs-scrollCt {
border-left: solid 0px ;
}
.hideTabsPageBorder-right .mini-tabs-scrollCt {
border-right: solid 0px ;
}
b) 去掉內容區域所有邊框
.hideTabsMainBorder .mini-tabs-bodys {
border: solid 0px ;
}
mini-tabs 默認隱藏內容區域的上邊框
如下為下左右
.hideTabsMainBorder-bottom .mini-tabs-bodys {
border-bottom: solid 0px;
}
.hideTabsMainBorder-left .mini-tabs-bodys {
border-left: solid 0px;
}
.hideTabsMainBorder-right .mini-tabs-bodys {
border-right: solid 0px;
}
三、分割器 mini-splitter
a) 去掉分割器外邊框
.hideSplitterBorder .mini-splitter-border {
border: solid 0px ;
}
b) 分割器2個內框樣式
.hideSplitterBorder1 .mini-splitter-pane1 {
border: solid 0px;
}
.hideSplitterBorder2 .mini-splitter-pane2 {
border: solid 0px;
}
四、布局器 mini-layout
a) 去掉東南西北4個收縮框
#north .mini-layout-region-header{
border: 0px solid;
}
#south .mini-layout-region-header{
border: 0px solid;
}
#west .mini-layout-region-header{
border: 0px solid;
}
#east .mini-layout-region-header{
border: 0px solid;
}
Mini-layout 上下左右中邊框默認賦予了id north、south、west、east、center。默認沒有外邊框
五、表格 mini-grid
a) 去掉表格外框
.hideGridBorder .mini-panel-border {
border: 0px solid;
}
.hideGridBorder-top .mini-panel-border {
border-top: 0px solid;
}
.hideGridBorder-bottom .mini-panel-border {
border-bottom: 0px solid;
}
.hideGridBorder-left .mini-panel-border {
border-left: 0px solid;
}
.hideGridBorder-right .mini-panel-border {
border-right: 0px solid;
}
