Default

From Documentation
Revision as of 09:46, 13 September 2010 by Jimmyshiau (talk | contribs) (→‎Source)


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

Auxhead1.gif Auxhead2.gif

Events

CSS\Action Normal (Open) Hover Click, Select, and Drag. Focus Focus and Hover Disable
Naming: z-auxhead, z-auxheader
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
div.z-grid-header tr.z-auxhead Background image background-image: url(${c:encodeURL('~./zul/img/grid/s_hd.gif')});

background-color: #C7E5F1; background-repeat: repeat-x;

div.z-grid-header th.z-auxheader Font size overflow: hidden; border: 1px solid; border-color: #DAE7F6 #9EB6CE #9EB6CE #DAE7F6;

white-space: nowrap; padding: 2px; font-size: ${fontSizeM}; font-weight: normal;

.z-auxheader-cnt Font size of the content font-size: ${fontSizeM}; font-weight: normal; font-family: ${fontFamilyT};

border: 0; margin: 0; padding: 0; overflow: hidden;

Example

Auxhead-demo.png

<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>
...



Last Update : 2010/09/13

Copyright © Potix Corporation. This article is licensed under GNU Free Documentation License.