Packageview.primeFaces.surfaceComponents.components
Classpublic class Grid
InheritanceGrid Inheritance view.primeFaces.supportClasses.GridBase
Implements view.interfaces.IGetChildrenSurfaceComponent, view.interfaces.IHistorySurfaceCustomHandlerComponent, interfaces.IComponentSizeOutput

Representation of PrimeFaces Grid CSS component.

Visual Editor XML:
     <Grid
     Attributes
     width="110"
     height="120"
     percentWidth="80"
     percentHeight="80">
     <Row>
      <Column class="ui-g-12 ui-lg-12 ui-sm-6 ui-md-6 ui-xl-12">
          <Div percentWidth="100" percentHeight="100"/>
      </Column>
     </Row>
     
PrimeFaces output:
     <p:outputPanel
     Attributes
     style="width:110px;height:120px;">
      <div class="ui-g">
          <div class="ui-g-12 ui-lg-12 ui-sm-6 ui-md-6 ui-xl-12">
              <div style="width:100%;height:100%;"/>
          </div>
      </div>
     </p:outputPanel>
     



Public Properties
 PropertyDefined By
  height : Number
[override] [read-only] PrimeFaces: style
Grid
  percentHeight : Number
[override] [read-only] PrimeFaces: style
Grid
  percentWidth : Number
[override] [read-only] PrimeFaces: style
Grid
  width : Number
[override] [read-only] PrimeFaces: style
Grid
Public Methods
 MethodDefined By
  
Grid
  
toRora():XML
Grid
  
Grid
Public Constants
 ConstantDefined By
  ELEMENT_NAME : String = Grid
[static]
Grid
  PRIME_FACES_XML_ELEMENT_NAME : String = outputPanel
[static]
Grid
Property Detail
heightproperty
height:Number  [read-only] [override]

PrimeFaces: style

The default value is "120".

This property can be used as the source for data binding.


Implementation
    public function get height():Number

Example
Visual Editor XML:
<Grid height="120"/>
PrimeFaces:
<div style="width:120px;height:120px;"/>
percentHeightproperty 
percentHeight:Number  [read-only] [override]

PrimeFaces: style

This property can be used as the source for data binding.


Implementation
    public function get percentHeight():Number

Example
Visual Editor XML:
<Grid percentHeight="80"/>
PrimeFaces:
<div style="height:80%;"/>
percentWidthproperty 
percentWidth:Number  [read-only] [override]

PrimeFaces: style

This property can be used as the source for data binding.


Implementation
    public function get percentWidth():Number

Example
Visual Editor XML:
<Grid percentWidth="80"/>
PrimeFaces:
<div style="width:80%;"/>
widthproperty 
width:Number  [read-only] [override]

PrimeFaces: style

The default value is "120".

This property can be used as the source for data binding.


Implementation
    public function get width():Number

Example
Visual Editor XML:
<Grid width="120"/>
PrimeFaces:
<div style="width:120px;"/>
Constructor Detail
Grid()Constructor
public function Grid()



Method Detail
toRora()method
public function toRora():XML

Returns
XML
toRoyaleConvertCode()method 
public function toRoyaleConvertCode():XML

Returns
XML
Constant Detail
ELEMENT_NAMEConstant
public static const ELEMENT_NAME:String = Grid

PRIME_FACES_XML_ELEMENT_NAMEConstant 
public static const PRIME_FACES_XML_ELEMENT_NAME:String = outputPanel