Splitter

There is a splitter.

CSS Definition

Description

Default Values

div.splitter-v

Vertical bar of splitter

background-image:url("${c:encodeURL('~./zul/img/splt/splt-v.png')}");

background-position: top center;

font-size:0;

max-height: 8px; height: 8px;

div.splitter-v-ns

Immovable vertical bar of splitter

Font-size:0;

max-height: 8px; height: 8px;

tr.splitter-v td

Vertical-moving bar of splitter

background-image:url("${c:encodeURL('~./zul/img/splt/splt-v-ns.png')}");

background-repeat: repeat-x; max-height: 8px; height: 8px;

background-position: bottom left;

span.splitter-btn-b

Bottom-arrow-button of splitter

width: 50px;

min-height: 6px; height: 6px;

background-image: url(${c:encodeURL('~./zul/img/splt/colps-b.png')});

span.splitter-btn-l,

span.splitter-btn-r,

span.splitter-btn-t ,

span.splitter-btn-b

Buttons of splitter

Font-size:0;

filter:alpha(opacity=50); <%-- IE --%>

opacity:0.5; <%-- Moz + FF --%>

background-repeat: no-repeat;

vertical-align:top;

display:-moz-inline-box;

display:inline-block; font-size:0;

span.splitter-btn-l:hover,

span.splitter-btn-r:hover,

span.splitter-btn-t:hover ,

span.splitter-btn-b:hover

Style of button while mouse-hover in FF

opacity:1;

span.splitter-btn-visi

Style of button while mouse-hover in IE

filter:alpha(opacity=100) !important; <%-- IE --%>

CSS Definition

Description

Default Values

span.splitter- btn-t

Top-arrow-button of splitter

width: 50px;

min-height: 6px; height: 6px;

background-image: url(${c:encodeURL('~./zul/img/splt/colps-t.png')});

CSS Definition

Description

Default Values

div.splitter-h

Horizontal bar of splitter

background-image:url("${c:encodeURL('~./zul/img/splt/splt-h.png')}");

background-position: center left;

font-size:0;

max-width: 8px; width: 8px;

div.splitter-h-ns

Immovable horizontal bar of splitter

Font-size:0;

max-width: 8px; width: 8px;

td.splitter-h

Horizontal-moving bar of splitter

background-image:url("${c:encodeURL('~./zul/img/splt/splt-h-ns.png')}");

background-repeat: repeat-y;

max-width: 8px; width: 8px;

background-position: top right;

span.splitter-btn-r

Right-arrow-button of splitter

width: 6px;

min-height: 50px; height: 50px;

background-image: url($ {c:encodeURL('~./zul/img/splt/colps-r.png')});

CSS Definition

Description

Default Values

span.splitter-btn-l

Left-arrow-button of splitter

width: 6px;

min-height: 50px; height: 50px;

background-image: url(${c:encodeURL('~./zul/img/splt/colps-l.png')});