Packageview.domino.surfaceComponents.components
Classpublic class DominoParagraph
InheritanceDominoParagraph Inheritance view.primeFaces.supportClasses.Container
Implements view.interfaces.IDominoSurfaceComponent, view.interfaces.IDominoParagraph, view.interfaces.IHistorySurfaceComponent, interfaces.IComponentSizeOutput, view.interfaces.IDropAcceptableComponent, view.interfaces.ICDATAInformation, interfaces.IRoyaleComponentConverter

Representation and converter from paragraph element

This class work for convert from paragraph element of Visuale label/text/field components to target framework of body format.

Conversion status

Input: view.domino.surfaceComponents.components.DominoParagraph

Example Domino output:

	  <par def="1019" paragraph="true" dominotype="paragraph" class="flexHorizontalLayout flexHorizontalLayoutLeft flexHorizontalLayoutTop"/>
	 

Example Royale output:

	 TODO
     

Default MXML PropertymxmlContentFactory

See also

https://help.hcltechsw.com/dom_designer/10.0.1/basic/H_PARAGRAPH_ELEMENT_XML.html
https://github.com/Moonshine-IDE/VisualEditorConverterLib/blob/master/src/components/domino/DominoParagraph.as


Public Properties
 PropertyDefined By
  cssClass : String
[read-only] HTML: class This property helps laying out children Horizontally or Vertically.
DominoParagraph
  dominoParagraph : DominoParagraph
[read-only]
DominoParagraph
  ELEMENT_NAME : String = Paragraph
[static]
DominoParagraph
  height : Number
[override] Domino height
DominoParagraph
  percentHeight : Number
[override] [read-only] Domino percentHeight
DominoParagraph
  percentWidth : Number
[override] [read-only] Domino style
DominoParagraph
  width : Number
[override] [read-only] Domino width
DominoParagraph
Protected Properties
 PropertyDefined By
  heightOutputChanged : Boolean
DominoParagraph
  widthOutputChanged : Boolean
DominoParagraph
Public Methods
 MethodDefined By
  
DominoParagraph
  
DominoParagraph
Protected Methods
 MethodDefined By
  
DominoParagraph
Public Constants
 ConstantDefined By
  PRIME_FACES_XML_ELEMENT_NAME : String = paragraph
[static]
DominoParagraph
Property Detail
cssClassproperty
cssClass:String  [read-only]

HTML: class

This property helps laying out children Horizontally or Vertically. It uses browser FlexBox mechanism to avoid problems which occurs when children in div are positioned using default mechanism. Exported PrimeFaces project contains moonshine-layout-styles.css file which has classes ready to use for laying out children.

Use listed css classes to laying out children:

Horizontal Layout

Vertical Layout

Horizontal/Vertical Layout

https://css-tricks.com/snippets/css/a-guide-to-flexbox/

The default value is "flexHorizontalLayoutWrap flexHorizontalLayoutLeft flexHorizontalLayoutTop".


Implementation
    public function get cssClass():String

Example
Visual Editor XML:
<Div class="flexHorizontalLayoutWrap flexHorizontalLayoutLeft flexHorizontalLayoutTop"/>
HTML:
<div class="flexHorizontalLayoutWrap flexHorizontalLayoutLeft flexHorizontalLayoutTop"/>
dominoParagraphproperty 
dominoParagraph:DominoParagraph  [read-only]


Implementation
    public function get dominoParagraph():DominoParagraph
ELEMENT_NAMEproperty 
public static var ELEMENT_NAME:String = Paragraph

heightproperty 
height:Number[override]

Domino height

The default value is "120".

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


Implementation
    public function get height():Number
    public function set height(value:Number):void

Example
Visual Editor XML:
<Div height="120"/>
Domino:
<div style="height:120px;"/>
heightOutputChangedproperty 
protected var heightOutputChanged:Boolean

percentHeightproperty 
percentHeight:Number  [read-only] [override]

Domino percentHeight

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


Implementation
    public function get percentHeight():Number

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

Domino style

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


Implementation
    public function get percentWidth():Number

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

Domino width

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:
<Div width="120"/>
Domino:
<div style="width:120px;"/>
widthOutputChangedproperty 
protected var widthOutputChanged:Boolean

Constructor Detail
DominoParagraph()Constructor
public function DominoParagraph()



Method Detail
resetPercentWidthHeightBasedOnLayout()method
protected function resetPercentWidthHeightBasedOnLayout():void

toRoyaleConvertCode()method 
public function toRoyaleConvertCode():XML

Returns
XML
Constant Detail
PRIME_FACES_XML_ELEMENT_NAMEConstant
public static const PRIME_FACES_XML_ELEMENT_NAME:String = paragraph