Module: alfresco/forms/ControlRow

alfresco/forms/ControlRow

This module provides a way in which form controls can be horizontally aligned within a form. It extends the horizontal widgets layout widget to gain the layout, dimensions and resizing capabilities and aliases the expected functions to iterate over all the form controls that it may have processed.

When using this widget in a dialog you should make sure to configure it to have a fixedWidth - this can also be configured in the when using the DialogService.

Author:
  • Dave Draper
License:
Source:

Example

Example control row with a title and description

{
  name: "alfresco/forms/ControlRow",
  config: {
     title: "About",
     description: "Essential information about the user",
     widgets: [
       {
         name: "alfresco/forms/controls/TextBox",
         config: {
           name: "name",
           label: "Name"
         }
       },
       {
         name: "alfresco/forms/controls/TextArea",
         config: {
           name: "address",
           label: "Address"
         }
       }
     ]
  }
}

Extends

  • module:alfresco/layout/HorizontalWidgets,

Members

cssRequirements :object[]

An array of the CSS files to use with this widget.
Type:
  • object[]
Default Value:
  • [{cssFile:"./css/ControlRow.css"}]
Source:

title :string

The title to display above the row of form controls. This can be used to break up groups of form controls.
Type:
  • string
Default Value:
  • null
Source:

widgetMarginLeft :number

This is the size of margin (in pixels) that will appear to the left of every widget added.
Type:
  • number
Default Value:
  • 0
Source:

widgetMarginRight :number

This is the size of margin (in pixels) that will appear to the right of every widget added.
Type:
  • number
Default Value:
  • 30
Source:

Methods

postCreate()

Extends the inherited function to add in a field set label if configured.
Source:

postMixInProperties()

Extends the inherited function to ensure that the title is translated.
Source: