Center"

From Documentation
Line 10: Line 10:
 
= Employment/Purpose =
 
= Employment/Purpose =
  
This component is a center region. The default class of CSS is specified "layout-region-center".  
+
A center region of a border layout and only allows one component as its child.
 
 
  
 
= Example =
 
= Example =

Revision as of 08:30, 15 November 2010

Center

Employment/Purpose

A center region of a border layout and only allows one component as its child.

Example

ZKCompRef Borderlayout.jpg

<borderlayout height="500px">
     <north size="50%" border="0">
         <borderlayout>
             <west size="25%" border="none" flex="true">
                 <div style="background:#B8D335">
                     <label value="25%"
                         style="color:white;font-size:50px" />
                 </div>
             </west>
             <center border="none" flex="true">
                 <div style="background:#E6D92C">
                     <label value="25%"
                         style="color:white;font-size:50px" />
                 </div>
             </center>
             <east size="50%" border="none" flex="true">
                 <label value="Here is a non-border"
                     style="color:gray;font-size:30px" />
             </east>
         </borderlayout>
     </north>
     <center border="0">
         <borderlayout>
             <west size="30%" flex="true" border="0">
                 <div style="background:#E6D92C">
                     <label value="30%"
                         style="color:white;font-size:50px" />
                 </div>
             </west>
             <center>
                 <label value="Here is a border"
                     style="color:gray;font-size:30px" />
             </center>
             <east size="30%" flex="true" border="0">
                 <div style="background:#B8D335">
                     <label value="30%"
                         style="color:white;font-size:50px" />
                 </div>
             </east>
         </borderlayout>
     </center>
 </borderlayout>


Supported Events

Name
Event Type
None None

Supported Children

*ALL

Use Cases

Borderlayout

Version History

Version Date Content
     



Last Update : 2010/11/15

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