Center"

From Documentation
Line 90: Line 90:
 
! Version !! Date !! Content
 
! Version !! Date !! Content
 
|-
 
|-
| 5.0.2
+
|  
| 5/5/2010
+
|  
| Initialization
+
|  
 
|}
 
|}
  
 
{{ZKComponentReferencePageFooter}}
 
{{ZKComponentReferencePageFooter}}

Revision as of 08:33, 19 May 2010

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
Event Type
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
     



Last Update : 2010/05/19

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