Verj.io JavaScript API

FieldLayout

The Field Grid Layout provides specific functionality to display Field Controls in a grid structure where the label, editor and help portions of each Field Control are displayed in three separate table columns and are therefore vertically aligned. All other controls are displayed in their own table row with the three table columns merged.

Further documentation.

FieldLayout Functions

getCellPadding FieldLayout.getCellPadding( ) Space between adjacent table cells.
setCellPadding FieldLayout.setCellPadding( cellPadding ) Space between adjacent table cells.
getCellSpacing FieldLayout.getCellSpacing( ) Space between adjacent table cells.
setCellSpacing FieldLayout.setCellSpacing( cellSpacing ) Space between adjacent table cells.
getEditorBackground FieldLayout.getEditorBackground( ) Background properties for editor table cells - used when displaying Field Controls.
getEditorCellClass FieldLayout.getEditorCellClass( ) Returns the list of CSS classes configured for editor table cells when displaying a Field Control.
setEditorCellClass FieldLayout.setEditorCellClass( editorCellClass ) Sets one or more CSS classes to be applied to editor table cells when displaying a Field Control.
getEditorCellStyle FieldLayout.getEditorCellStyle( ) Returns the inline CSS style to be applied to editor table cells when displaying a Field Control.
setEditorCellStyle FieldLayout.setEditorCellStyle( editorCellStyle ) Sets the inline CSS style to be applied to editor table cells when displaying a Field Control.
getEditorHAlign FieldLayout.getEditorHAlign( ) Horizontal alignment of editor table cells - this is used when displaying Field Controls.
setEditorHAlign FieldLayout.setEditorHAlign( editorHAlign ) Sets horizontal alignment of editor table cells - this is used when displaying Field Controls.
getEditorPadding FieldLayout.getEditorPadding( ) Padding properties for editor table cells - used when displaying Field Controls.
getEditorVAlign FieldLayout.getEditorVAlign( ) Vertical alignment of editor table cells - this is used when displaying Field Controls.
setEditorVAlign FieldLayout.setEditorVAlign( editorVAlign ) Sets vertical alignment of editor table cells - this is used when displaying Field Controls.
getEditorWidth FieldLayout.getEditorWidth( ) Width of editor table cells - this is used when displaying Field Controls.
setEditorWidth FieldLayout.setEditorWidth( editorWidth ) Sets the width of editor table cells - this is used when displaying Field Controls.
getFullWidthHAlign FieldLayout.getFullWidthHAlign( ) Horizontal alignment of table cells when displaying controls other than a Field Control.
setFullWidthHAlign FieldLayout.setFullWidthHAlign( fullWidthHAlign ) Sets horizontal alignment of table cells when displaying controls other than a Field Control.
getFullWidthPadding FieldLayout.getFullWidthPadding( ) Padding properties when displaying controls other than a Field Control.
getFullWidthVAlign FieldLayout.getFullWidthVAlign( ) Vertical alignment of table cells when displaying controls other than a Field Control.
setFullWidthVAlign FieldLayout.setFullWidthVAlign( fullWidthVAlign ) Sets vertical alignment of table cells when displaying controls other than a Field Control.
getHelpCellClass FieldLayout.getHelpCellClass( ) Returns the list of CSS classes configured for help table cells when displaying a Field Control.
setHelpCellClass FieldLayout.setHelpCellClass( helpCellClass ) Sets one or more CSS classes to be applied to editor table cells when displaying a Field Control.
getHelpCellStyle FieldLayout.getHelpCellStyle( ) Returns the inline CSS style to be applied to help table cells when displaying a Field Control.
setHelpCellStyle FieldLayout.setHelpCellStyle( helpCellStyle ) Sets the inline CSS style to be applied to help table cells when displaying a Field Control.
getInfoBackground FieldLayout.getInfoBackground( ) Background properties for help table cells - used when displaying Field Controls.
getInfoHAlign FieldLayout.getInfoHAlign( ) Horizontal alignment of help table cells - this is used when displaying Field Controls.
setInfoHAlign FieldLayout.setInfoHAlign( infoHAlign ) Sets horizontal alignment of help table cells - this is used when displaying Field Controls.
getInfoPadding FieldLayout.getInfoPadding( ) Padding properties for help table cells - used when displaying Field Controls.
getInfoVAlign FieldLayout.getInfoVAlign( ) Vertical alignment of help table cells - this is used when displaying Field Controls.
setInfoVAlign FieldLayout.setInfoVAlign( infoVAlign ) Sets vertical alignment of help table cells - this is used when displaying Field Controls.
getInfoWidth FieldLayout.getInfoWidth( ) Width of help table cells - this is used when displaying Field Controls.
setInfoWidth FieldLayout.setInfoWidth( infoWidth ) Sets the width of help table cells - this is used when displaying Field Controls.
getLabelBackground FieldLayout.getLabelBackground( ) Background properties for label table cells - used when displaying Field Controls.
getLabelCellClass FieldLayout.getLabelCellClass( ) Returns the list of CSS classes configured for label table cells when displaying a Field Control, or applied to the table cells containing other control types.
setLabelCellClass FieldLayout.setLabelCellClass( labelCellClass ) Sets one or more CSS classes to be applied to label table cells when displaying a Field Control, or applied to the table cells containing other control types.
getLabelCellStyle FieldLayout.getLabelCellStyle( ) Returns the inline CSS style to be applied to label table cells when displaying a Field Control, or applied to the table cells containing other control types.
setLabelCellStyle FieldLayout.setLabelCellStyle( labelCellStyle ) Sets the inline CSS style to be applied to label table cells when displaying a Field Control, or applied to the table cells containing other control types.
getLabelHAlign FieldLayout.getLabelHAlign( ) Horizontal alignment of label table cells - this is used when displaying Field Controls.
setLabelHAlign FieldLayout.setLabelHAlign( labelHAlign ) Sets horizontal alignment of label table cells - this is used when displaying Field Controls.
getLabelPadding FieldLayout.getLabelPadding( ) Padding properties for label table cells - used when displaying Field Controls.
getLabelVAlign FieldLayout.getLabelVAlign( ) Vertical alignment of label table cells - this is used when displaying Field Controls.
setLabelVAlign FieldLayout.setLabelVAlign( labelVAlign ) Sets vertical alignment of label table cells - this is used when displaying Field Controls.
getLabelWidth FieldLayout.getLabelWidth( ) Width of label table cells - this is used when displaying Field Controls.
setLabelWidth FieldLayout.setLabelWidth( labelWidth ) Sets the width of label table cells - this is used when displaying Field Controls.
getTableClass FieldLayout.getTableClass( ) Returns the list of CSS classes configured for the HTML table used to provide the layout.
setTableClass FieldLayout.setTableClass( tableClass ) Sets one or more CSS classes to be applied to the HTML table used to provide the layout.
getTableStyle FieldLayout.getTableStyle( ) Returns the inline CSS style configured for the HTML table used to provide the layout.
setTableStyle FieldLayout.setTableStyle( tableStyle ) Sets the inline CSS style to be applied to the HTML table used to provide the layout.
getVAlign FieldLayout.getVAlign( ) Vertical alignment for all child content - all child controls are aligned as a single block.
setVAlign FieldLayout.setVAlign( vAlign ) Sets the Vertical alignment for all child content where all child controls are aligned as a single block, e.g.

BackgroundStyleProperties Functions

getBackgroundColor FieldLayout.getBackgroundColor( ) Background color.
setBackgroundColor FieldLayout.setBackgroundColor( backgroundColor ) Sets the background color, this is equivalent to the CSS background-color property and any valid value for this CSS property can be used.
getBackgroundImage FieldLayout.getBackgroundImage( ) URL of the background image.
setBackgroundImage FieldLayout.setBackgroundImage( backgroundImage ) Sets the URL of the background image.
getBackgroundImagePosition FieldLayout.getBackgroundImagePosition( ) Background image position.
setBackgroundImagePosition FieldLayout.setBackgroundImagePosition( backgroundImagePosition ) Sets the background image position.
getBackgroundImageRepeat FieldLayout.getBackgroundImageRepeat( ) Background image repeat property.
setBackgroundImageRepeat FieldLayout.setBackgroundImageRepeat( backgroundImageRepeat ) Sets the background image repeat property.

BorderStyleProperties Functions

getBorderColor FieldLayout.getBorderColor( ) Border color applied to all borders.
setBorderColor FieldLayout.setBorderColor( borderColor ) Sets border color.
getBorderRadius FieldLayout.getBorderRadius( ) Border radius.
setBorderRadius FieldLayout.setBorderRadius( borderRadius ) Sets border radius.
getBorderStyle FieldLayout.getBorderStyle( ) Border style applied to all borders.
setBorderStyle FieldLayout.setBorderStyle( borderStyle ) Sets border style.
getBorderWidth FieldLayout.getBorderWidth( ) Border width applied to all four borders.
setBorderWidth FieldLayout.setBorderWidth( borderWidth ) Sets the border width applied to all four borders.
getBottomBorderWidth FieldLayout.getBottomBorderWidth( ) Bottom border width, overriding property borderWidth.
setBottomBorderWidth FieldLayout.setBottomBorderWidth( bottomBorderWidth ) Sets the bottom border width, overriding property borderWidth.
getLeftBorderWidth FieldLayout.getLeftBorderWidth( ) Left border width, overriding property borderWidth.
setLeftBorderWidth FieldLayout.setLeftBorderWidth( leftBorderWidth ) Sets the left border width, overriding property borderWidth.
getRightBorderWidth FieldLayout.getRightBorderWidth( ) Right border width, overriding property borderWidth.
setRightBorderWidth FieldLayout.setRightBorderWidth( rightBorderWidth ) Sets the right border width, overriding property borderWidth.
getTopBorderWidth FieldLayout.getTopBorderWidth( ) Top border width, overriding property borderWidth.
setTopBorderWidth FieldLayout.setTopBorderWidth( topBorderWidth ) Sets the top border width, overriding property borderWidth.