Default"
From Documentation
m |
Jimmyshiau (talk | contribs) (→Source) |
||
Line 6: | Line 6: | ||
{{CSSSource | {{CSSSource | ||
− | | url= | + | | url=http://zk1.svn.sourceforge.net/viewvc/zk1/releases/5.0.4/zul/src/archive/web/js/zul/grid/css/grid.css.dsp |
− | | control= | + | | control=Auxhead with Grid |
+ | |}} | ||
+ | {{CSSSource | ||
+ | | url=http://zk1.svn.sourceforge.net/viewvc/zk1/releases/5.0.4/zul/src/archive/web/js/zul/sel/css/listbox.css.dsp | ||
+ | | control=Auxhead with Listbox | ||
+ | |}} | ||
+ | {{CSSSource | ||
+ | | url=http://zk1.svn.sourceforge.net/viewvc/zk1/releases/5.0.4/zul/src/archive/web/js/zul/sel/css/tree.css.dsp | ||
+ | | control=Auxhead with Tree | ||
|}} | |}} | ||
Revision as of 11:56, 10 September 2010
This is the Default mold for Auxhead
Source
The CSS source for Auxhead with Grid from GitHub
The CSS source for Auxhead with Listbox from GitHub
The CSS source for Auxhead with Tree from GitHub
Structure
Events
CSS\Action | Normal (Open) | Hover | Click, Select, and Drag. | Focus | Focus and Hover | Disable |
Naming: | .z-combo-item | -over | -seld | -over-seld | -disd | |
Supported: | V | ! | ! | ! |
Note: An exclamation mark(!) means that the action effect is done by CSS background , not CSS background-position
CSS Specification
Class Name | Description | Default Values |
.z-combo -item.z-combobox-pp
.z-combo-item, .z-combobox-pp .z-combo-item a, .z-combobox-pp .z-combo-item a:visited |
Font size | font-size: ${fontSizeM};
font-weight: normal; color: black; text-decoration: none; |
.z-combobox-pp .z-combo-item-text,
.z-combobox-pp .z-combo-item-img |
Font size | white-space: nowrap;
font-size: ${fontSizeS}; cursor: pointer; |
.z-combobox-pp .z-combo-item-inner,
.z-combobox-pp .z-combo-item-cnt |
Color and font size of Comboitem's description and content | color: #888;
font-size: ${fontSizeXS}; padding-left: 6px; |
div.z-grid-header tr.z-columns, div.z-grid-header tr.z-auxhead | Background image | background-color:#C3E7FB;
background-image:url(/Zk-1/zkau/web/zul/img/grid/column-bg.png); background-repeat:repeat-x; |
Example
<style>
div.z-grid-header tr.aux1.z-auxhead {
background-color: #F0FDFF;
background-position: 0 8px;
}
div.z-grid-header tr.aux2.z-auxhead {
background-position: 0 -10px;
}
</style>
...
<auxhead sclass="aux1">
<auxheader label="H1'07" colspan="6"/>
<auxheader label="H2'07" colspan="6"/>
</auxhead>
<auxhead sclass="aux2">
<auxheader label="Q1" colspan="3"/>
<auxheader label="Q2" colspan="3"/>
<auxheader label="Q3" colspan="3"/>
<auxheader label="Q4" colspan="3"/>
</auxhead>
...