Default"

From Documentation
 
(2 intermediate revisions by 2 users not shown)
Line 20: Line 20:
 
=Structure=
 
=Structure=
  
[[File:Auxhead1.png]]
+
[[File:Auxhead-one.png]]
[[File:Auxhead2.png]]
+
 
 +
[[File:Auxhead-two.png]]
  
 
=Events=
 
=Events=

Latest revision as of 06:06, 20 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

Auxhead-one.png

Auxhead-two.png

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/20

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