Default"

From Documentation
Line 53: Line 53:
 
<br />
 
<br />
 
{{Template:ZK Style Guide CSS}}
 
{{Template:ZK Style Guide CSS}}
 
+
|.z-border-layout
 +
|Background and color
 +
|width:100%; height:100%; overflow:hidden; background-color:#CDE6F5; border:0 none; position: relative; visibility: hidden;
 +
|-
 +
|.z-border-layout-icon
 +
|Background of tool icons
 +
|overflow: hidden;
 +
width: 16px;
 +
height: 16px;
 +
float: right;
 +
margin-left: 2px;
 +
cursor: pointer;
 +
background: transparent no-repeat 0 0;
 +
background-image : url(${c:encodeURL('~./zkex/zul/img/layout/borderlayout-btn.gif')});
 +
|}
  
 
{{ZKStyleGuidePageFooter}}
 
{{ZKStyleGuidePageFooter}}

Revision as of 04:05, 8 September 2010


This is the Default mold for Borderlayout.

Source


The CSS source for {{{control}}} from GitHub


Structure

Borderlayout1.jpg

Borderlayout2.jpg

Events


CSS\Action Normal (Open) Hover Click, Select, and Drag. Focus Focus and Hover Disable
Naming: .z-border-layout
Supported: V

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


CSS\Action Normal (Open) Hover Click, Select, and Drag. Focus Focus and Hover Disable
Naming: .z-border-layout-icon
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-border-layout Background and color width:100%; height:100%; overflow:hidden; background-color:#CDE6F5; border:0 none; position: relative; visibility: hidden;
.z-border-layout-icon Background of tool icons overflow: hidden;

width: 16px; height: 16px; float: right; margin-left: 2px; cursor: pointer; background: transparent no-repeat 0 0; background-image : url(${c:encodeURL('~./zkex/zul/img/layout/borderlayout-btn.gif')});



Last Update : 2010/09/08

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