Latest revision as of 04:52, 13 September 2010

This is the efault (OS-Horizontal) mold for Splitter.

Source

CSS\Action

Normal (Open)

Hover

Click, Select, and Drag.

Focus

Focus and Hover

Disable

Naming:

.z-splitter-os-hor

-btn-l:hover,

-btn-r: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

Class Name	Description	Default Values
.z-splitter-os-hor	Height	font-size:0; max-width: 8px; width: 8px;
.z-splitter-os-hor-outer	Background image of splittable	background-image:url(${c:encodeURL('~./zul/img/splt/splt-h.gif')}); background-repeat: repeat-y; max-width: 8px; width: 8px; background-position: top right;
.z-splitter-os-hor-ns	Styling of non-splittable	font-size:0; max-width: 8px; width: 8px;
.z-splitter-os-hor-btn-l	Button icon of left side	width: 8px; min-height: 50px; height: 50px; background-image: url(${c:encodeURL('~./zul/img/splt/colps-l-os.gif')});
.z-splitter-os-hor-btn-r	Button icon of right side	width: 8px; min-height: 50px; height: 50px; background-image: url(${c:encodeURL('~./zul/img/splt/colps-r-os.gif')});

Last Update : 2010/09/13

@@ Line 21: / Line 21: @@
 {{Template:Style Guide Event
 |.z-splitter-os-hor
-|-btn-t:hover,
+|-btn-l:hover,
--btn-b:hover,
+-btn-r:hover,
 -btn-visi (IE Only)