Tags
People
Badges
Help-
CORE FRAMEWORK
FEATURED COMPONENTS
-
RESOURCES
-
LEARN ZK
RESOURCES
I'm trying to change the style of a disabled tab.
The usual style of disabled tabs is not enough different from the enabled ones, in my app.
How can I change them to make it more visible to my user?
(...)
<tabbox id="filtro" orient="horizontal" >
<tabs width="20px">
<tab id="tabCompleto" label="Completo" onDoubleClick="relatorioWindow.alternaTab(self);"/>
<tab id="tabStatus" label="Status" />
<tab id="tabOperadora" label="Operadora" />
<tab id="tabData" label="Data de Instalação" />
<tab id="tabVersao" label="Versão" />
</tabs>
(...)
Regards,
Jonilson
original background image is here
you can overwrite css class following
.z-tab-disd a,.z-tab-disd-seld a {
color:gray;
cursor:default;
opacity:0.6;
}
.z-tab-disd .z-tabbox-a,.z-tab-disd-seld .z-tabbox-a {
background-position:0pt -51px;
}
.z-tab-disd .z-tabbox-em,.z-tab-disd-seld .z-tabbox-em{
background-position:right -351px;
}
.z-tab-disd .z-tabbox-close:hover , .z-tab-disd-seld .z-tabbox-close:hover{
opacity:0.6;
}
.z-tab-disd .z-tabbox-text,.z-tab-disd-seld .z-tabbox-text{
cursor:default;
font-style:normal;
font-family: ${fontFamilyT};
font-size: ${fontSizeM};
white-space:nowrap;
padding:4px 0 4px;
}
.z-tab-disd .z-tabbox-inner , .z-tab-disd-seld .z-tabbox-inner{
background-position:right -201px;
cursor:default;
}Asked: 2008-10-28 13:39:40 +0800
Seen: 384 times
Last updated: Nov 04 '08