Guides

Form Properties

Use formsConfig.initAttribute to set default properties for each form type. These properties are automatically applied when creating new form controls.

TextField

{
  "formsConfig": {
    "initAttribute": {
      "textField": {
        "fillColor": "#DDE9FF",
        "borderColor": "#1460F3",
        "borderWidth": 2,
        "fontColor": "#000000",
        "fontSize": 20,
        "isBold": false,
        "isItalic": false,
        "alignment": "left",
        "multiline": true,
        "familyName": "Helvetica",
        "styleName": "Regular"
      }
    }
  }
}

Field	Description
fillColor	Background fill color
borderColor	Border color
borderWidth	Border width
fontColor	Text color
fontSize	Font size
isBold	Whether bold
isItalic	Whether italic
alignment	Text alignment: "left", "center", "right"
multiline	Whether multi-line input is supported
familyName	Font family name
styleName	Font style

CheckBox

{
  "formsConfig": {
    "initAttribute": {
      "checkBox": {
        "fillColor": "#DDE9FF",
        "borderColor": "#1460F3",
        "borderWidth": 2,
        "checkedColor": "#43474D",
        "isChecked": false,
        "checkedStyle": "check"
      }
    }
  }
}

Field	Description
fillColor	Background color
borderColor	Border color
borderWidth	Border width
checkedColor	Checked mark color
isChecked	Default checked state
checkedStyle	Checked style: "check", "circle", "cross", "diamond", "square", "star"

RadioButton

{
  "formsConfig": {
    "initAttribute": {
      "radioButton": {
        "fillColor": "#DDE9FF",
        "borderColor": "#1460F3",
        "borderWidth": 2,
        "checkedColor": "#43474D",
        "isChecked": false,
        "checkedStyle": "circle"
      }
    }
  }
}

Properties are similar to CheckBox. checkedStyle supports the same 6 styles.

ListBox

{
  "formsConfig": {
    "initAttribute": {
      "listBox": {
        "fillColor": "#DDE9FF",
        "borderColor": "#1460F3",
        "borderWidth": 2,
        "fontColor": "#000000",
        "fontSize": 20,
        "isBold": false,
        "isItalic": false,
        "familyName": "Helvetica",
        "styleName": "Regular"
      }
    }
  }
}

ComboBox

{
  "formsConfig": {
    "initAttribute": {
      "comboBox": {
        "fillColor": "#DDE9FF",
        "borderColor": "#1460F3",
        "borderWidth": 2,
        "fontColor": "#000000",
        "fontSize": 20,
        "isBold": false,
        "isItalic": false,
        "familyName": "Helvetica",
        "styleName": "Regular"
      }
    }
  }
}

Properties are identical to ListBox.

PushButton

{
  "formsConfig": {
    "initAttribute": {
      "pushButton": {
        "fillColor": "#DDE9FF",
        "borderColor": "#1460F3",
        "borderWidth": 2,
        "fontColor": "#000000",
        "fontSize": 20,
        "title": "Button",
        "isBold": false,
        "isItalic": false,
        "familyName": "Helvetica",
        "styleName": "Regular"
      }
    }
  }
}

Field	Description
title	Default button display text

SignaturesFields

{
  "formsConfig": {
    "initAttribute": {
      "signaturesFields": {
        "fillColor": "#DDE9FF",
        "borderColor": "#1460F3",
        "borderWidth": 2
      }
    }
  }
}

Signature fields only support basic appearance properties.

Property Editor Components

Each form type has a corresponding property editor Fragment:

Form Type	Fragment Class
TextField	CTextFieldStyleFragment
CheckBox	CCheckBoxStyleFragment
RadioButton	CRadioButtonStyleFragment
ListBox	CListBoxStyleFragment
ComboBox	CComboBoxStyleFragment
PushButton	CPushButtonStyleFragment
SignaturesFields	CSignFieldStyleFragment

When using source code integration, you can extend or modify these Fragments to customize the form property panel UI.