midsuit
/
core-jgi
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

look and feel - make it clearer which tab is currently having focus.

This commit is contained in:
Heng Sin Low 2009-05-07 06:46:23 +00:00
parent 126417c1cc
commit d2f079985f
3 changed files with 72 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
zkwebui/WEB-INF/src/org/adempiere/webui/component/ADButtonTabList.java
View File

@ -74,19 +74,19 @@ public class ADButtonTabList extends Panel implements IADTabList, EventListener
int s = tabbox.getSelectedIndex(); int s = tabbox.getSelectedIndex();
if ( s == i) { if ( s == i) {
button.setSclass("adwindow-navbtn-sel"); button.setSclass("adwindow-navbtn-sel " + (tabPlacement == IADTab.LEFT ? "adwindow-left-navbtn-sel" : "adwindow-right-navbtn-sel"));
button.setDynamicProperty("disabled", null); button.setDynamicProperty("disabled", null);
} else { } else {
if (!tabbox.canNavigateTo(s, i)) { if (!tabbox.canNavigateTo(s, i)) {
button.setDynamicProperty("disabled", "disabled"); button.setDynamicProperty("disabled", "disabled");
button.setSclass("adwindow-navbtn-dis"); button.setSclass("adwindow-navbtn-dis " + (tabPlacement == IADTab.LEFT ? "adwindow-left-navbtn-dis" : "adwindow-right-navbtn-dis"));
if (!tabbox.isDisplay(i)) if (!tabbox.isDisplay(i))
button.setVisible(false); button.setVisible(false);
else else
button.setVisible(true); button.setVisible(true);
} else { } else {
button.setDynamicProperty("disabled", null); button.setDynamicProperty("disabled", null);
button.setSclass("adwindow-navbtn-uns"); button.setSclass("adwindow-navbtn-uns " + (tabPlacement == IADTab.LEFT ? "adwindow-left-navbtn-uns" : "adwindow-right-navbtn-uns"));
button.setVisible(true); button.setVisible(true);
} }
} }

4
zkwebui/WEB-INF/src/org/adempiere/webui/panel/ADWindowPanel.java
View File

@ -125,7 +125,7 @@ public class ADWindowPanel extends AbstractADWindowPanel
layout.appendChild(west); layout.appendChild(west);
west.setSplittable(false); west.setSplittable(false);
west.setAutoscroll(true); west.setAutoscroll(true);
LayoutUtils.addSclass("adwindow-nav", west); LayoutUtils.addSclass("adwindow-nav adwindow-left-nav", west);
adTab.setTabplacement(IADTab.LEFT); adTab.setTabplacement(IADTab.LEFT);
adTab.getTabSelectionComponent().setParent(west); adTab.getTabSelectionComponent().setParent(west);
} }
@ -135,7 +135,7 @@ public class ADWindowPanel extends AbstractADWindowPanel
layout.appendChild(east); layout.appendChild(east);
east.setSplittable(false); east.setSplittable(false);
east.setAutoscroll(true); east.setAutoscroll(true);
LayoutUtils.addSclass("adwindow-nav", east); LayoutUtils.addSclass("adwindow-nav adwindow-right-nav", east);
adTab.setTabplacement(IADTab.RIGHT); adTab.setTabplacement(IADTab.RIGHT);
adTab.getTabSelectionComponent().setParent(east); adTab.getTabSelectionComponent().setParent(east);
} }

93
zkwebui/css/default.css.dsp
View File

@ -15,19 +15,19 @@ html,body {
.header-left { .header-left {
margin: 0; margin: 0;
margin-left: 5px; margin-left: 5px;
margin-top: 3px; margin-top: 3px;
} }
.header-right { .header-right {
margin: 0; margin: 0;
margin-top: 3px; margin-top: 3px;
padding-right: 5px; padding-right: 5px;
} }
.disableFilter img { .disableFilter img {
opacity: 0.2; opacity: 0.2;
filter: progid : DXImageTransform . Microsoft . Alpha(opacity = 20); filter: progid : DXImageTransform . Microsoft . Alpha(opacity = 20);
-moz-opacity: 0.2; -moz-opacity: 0.2;
} }
.depressed img { .depressed img {
@ -101,10 +101,20 @@ div.wc-modal, div.wc-modal-none, div.wc-highlighted, div.wc-highlighted-none {
height: 20px; height: 20px;
} }
.adwindow-nav { .adwindow-nav {
width: 200px; width: 200px;
} }
.adwindow-left-nav {
border-right: 1px solid #7EAAC6;
border-left: none;
}
.adwindow-right-nav {
border-left: 1px solid #7EAAC6;
border-right: none;
}
.adwindow-nav-content { .adwindow-nav-content {
background-color: #E0EAF7; background-color: #E0EAF7;
height: 100%; height: 100%;
@ -117,26 +127,57 @@ div.wc-modal, div.wc-modal-none, div.wc-highlighted, div.wc-highlighted-none {
.adwindow-navbtn-dis, .adwindow-navbtn-sel, .adwindow-navbtn-uns { .adwindow-navbtn-dis, .adwindow-navbtn-sel, .adwindow-navbtn-uns {
border: 0px; border: 0px;
margin-top: 3px; margin-top: 3px;
padding-top: 2px; padding-top: 2px;
padding-bottom: 2px; padding-bottom: 2px;
} }
.adwindow-navbtn-sel { .adwindow-navbtn-sel {
background-color: #9CBDFF; background-color: #9CBDFF;
font-weight: bold; font-weight: bold;
color: #274D5F; color: #274D5F;
cursor: pointer; cursor: pointer;
border-top: 1px solid #7EAAC6;
border-bottom: 1px solid #7EAAC6;
}
.adwindow-left-navbtn-sel {
border-left: 1px solid #7EAAC6;
border-right: none;
text-align: right;
}
.adwindow-right-navbtn-sel {
border-right: 1px solid #7EAAC6;
border-left: none;
text-align: left;
} }
.adwindow-navbtn-uns { .adwindow-navbtn-uns {
background-color: #C4DCFB; background-color: #C4DCFB;
font-weight: normal; font-weight: normal;
color: #274D5F; color: #274D5F;
cursor: pointer; cursor: pointer;
} }
.adwindow-navbtn-dis { .adwindow-navbtn-dis {
background-color: #C4DCFB; background-color: #C4DCFB;
}
.adwindow-navbtn-uns, .adwindow-navbtn-dis {
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}
.adwindow-left-navbtn-uns, .adwindow-left-navbtn-dis {
border-left: 1px solid #CCCCCC;
border-right: none;
text-align: right;
}
.adwindow-right-navbtn-uns, .adwindow-right-navbtn-dis {
border-right: 1px solid #CCCCCC;
border-left: none;
text-align: left;
} }
<%-- ad tab --%> <%-- ad tab --%>
@ -150,14 +191,14 @@ div.wc-modal, div.wc-modal-none, div.wc-highlighted, div.wc-highlighted-none {
border: none; border: none;
} }
.adtab-content { .adtab-content {
margin: 0; margin: 0;
padding: 0; padding: 0;
border: none; border: none;
overflow: auto; overflow: auto;
width: 100%; width: 100%;
height: 100%; height: 100%;
position: absolute; position: absolute;
} }
.adtab-grid-panel { .adtab-grid-panel {
@ -187,14 +228,14 @@ div.wc-modal, div.wc-modal-none, div.wc-highlighted, div.wc-highlighted-none {
} }
.status-db { .status-db {
padding-top: 0; padding-top: 0;
pdding-bottom: 0; pdding-bottom: 0;
padding-left: 5px; padding-left: 5px;
padding-right: 5px; padding-right: 5px;
cursor: pointer; cursor: pointer;
width: 100%; width: 100%;
height: 100%; height: 100%;
margin: 0; margin: 0;
border-left: solid 1px #9CBDFF; border-left: solid 1px #9CBDFF;
} }