Center

From Documentation

Center

Employment/Purpose

This component is a center region. The default class of CSS is specified "layout-region-center".


Example

ZKComRef South Example.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
Inherited From
OnOpen
OpenEvent

Description: When a layout is collapsed or opened by a user, the onOpen event is sent to the application.

Supported Children

*ALL

Use cases

Borderlayout

Version History

Version Date Content
5.0.2 5/5/2010 Initialization



Last Update : 2010/05/18

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