Default (OS-Vertical)

From Documentation
Revision as of 09:26, 9 September 2010 by Elton776 (talk | contribs)
Default (OS-Vertical)



This is the Default (OS-Vertical) mold for Splitter.

Source

The CSS source for from GitHub


Structure

Splitter-os-ver1.jpg

Splitter-os-ver2.jpg Splitter-os-ver3.jpg Splitter-os-ver4.jpg

Events

CSS\Action Normal (Open) Hover Click, Select, and Drag. Focus Focus and Hover Disable
Naming: .z-splitter-os-ver -btn-t:hover,

-btn-b:hover,

-btn-visi (IE Only)

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-splitter-os-ver Height font-size:0; max-height: 8px; height: 8px;
.z-splitter-os-ver-outer .z-splitter-os-ver-outer-td Background image of splittable background-image:url(${c:encodeURL('~./zul/img/splt/splt-v.gif')}); background-repeat: repeat-x; max-height: 8px; height: 8px; background-position: bottom left;
.z-splitter-os-ver-ns Styling of non-splittable font-size:0; max-height: 8px; height: 8px;
.z-splitter-os-ver-btn-t Button icon of top side width: 50px; min-height: 8px; height: 8px; background-image: url(${c:encodeURL('~./zul/img/splt/colps-t-os.gif')});
.z-splitter-os-ver-btn-b Button icon of bottom side width: 50px; min-height: 8px; height: 8px; background-image: url(${c:encodeURL('~./zul/img/splt/colps-b-os.gif')});



Last Update : 2010/09/09

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