Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Code Block
languagejs
linenumberstrue
[
    {
        title : 'Page Title',
        properties : [
            {
                name : 'Property Name',
                label : 'Property Label',
                description : 'Property Description', //optional, default is NULL
                type : 'Property Type',
                value : 'Property Value', //optional, default is null
                required : 'Mandatory or Not', //optional, boolean value'true' or 'false', default is 'false'
                //… more attributes …
            }, //… more fields …
        ],
        validators : [  //optional
            //… properties custom validators …
        ],
        buttons : [  //optional
            //… custom properties page buttons …
        ]
    }, //… more properties page …
]

Sample Look and Feel

 Image Added

Field Types

Check Box

Image RemovedImage Added

...

  • type : 'CodeEditor'
  • mode : Optional, used for specified highlight mode. Default to "'text"', available values are "'text"', "'java"', "'html"', "'javascript"', "'css"', "'json"', "'sql" ' and "'xml"'.
  • Refer to Retrieve Properties Value in Plugin - Single Value Field on how to use the value of this field type in the plugin code.

...

  • type : 'ElementSelect'
  • url : a URL which will return Properties Option Options JSON object of the selected element. Built-in URL is "[CONTEXT_PATH]/web/property/json[APP_PATH]/getPropertyOptions" which will return the Properties Option Options JSON object of a plugin.
  • keep_value_on_change : Optional, 'true' or 'false'. Used to decide whether to keep the configuration of the properties options of previous selected element when a new element is selected.
  • Refer to Option Field Attributes for extra attributes.
  • Usually used for select a plugin and configure the properties of the selected plugin.

...

Fixed Row Grid

Image Added

  • type : 'GridFixedRow'

 

Grid

Image Added

  • type : 'Grid'

Header

Image Added

  • type : 'Header'

Hidden Field

  • type : 'Hidden'

HTML Editor

Image Added

  • type : 'HtmlEditor'

Label

Image Added

  • type : 'Label'

Multi Select Box

Image Added

  • type : 'MultiSelect'

Password Field

Image Added

  • type : 'Password'

Radio Button

Image Added

  • type : 'ElementSelect'

Readonly Text Field

Image Added

  • type : 'Radio'

Select Box

Image Added

  • type : 'SelectBox'

Text Area

Image Added

  • type : 'TextArea'

Text Field

Image Added

  • type : 'TextField'

 

Dependency Field Attributes

...

Combine Grid Field

Grid Field

Element Select Box