Revision as of 04:35, 9 September 2010

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

Source

Note: An exclamation mark(!) means that the action effect is done by CSS background , not CSS background-position

Last Update : 2010/09/09

Class Name

Description

Default Values

@@ Line 13: / Line 13: @@
 =Structure=
-[[Image:Splitter-os-ver1.jpg ]]
-[[Image:Splitter-os-ver2.jpg ]]
-[[Image:Splitter-os-ver3.jpg ]]
-[[Image:Splitter-os-ver4.jpg ]]
 =Events=
 <br />
 {{Template:Style Guide Event
-|.z-splitter-os-ver
+| &nbsp;
-|-btn-t:hover,
+|-&nbsp;
+|-&nbsp;
--btn-b:hover,
+|-&nbsp;
+|-&nbsp;
--btn-visi (IE Only)
+|-&nbsp;
-|
+|!
-|
+|!
-|
+|!
-|
+|!
-|V
+|!
 |!
-|
-|
-|
-|
 }}
@@ Line 43: / Line 36: @@
 <br />
 {{Template:ZK Style Guide CSS}}
-|.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')});
-|}
 {{ZKStyleGuidePageFooter}}