Fieldset

API Reference

Overview

Fieldset is a grouping control based on HTML < fieldset > tag. Creates a section with borders to place the controls into it.

Initialization

Fieldset can be used to neatly put the controls into layout:

{view:"fieldset", body:{
    rows:[
        {view:"text", ..}, 
        {view:"button", ..}]
 }
}

Related sample: Multiple Fieldsets

Or, to create a control group within a form:

{view:"form", elements:[
    {view:"text", ..},
    {view:"fieldset", body:{
        rows:[
            {view:"text", ..}, 
            {view:"datepicker", ..}]}
    }
]}

Related sample: Fieldset

Main Properties

body - (object) fieldset body object that contains rows or cols array with controls
label - (string) text label of the control group, integrated into border
borderless - (boolean) used to hide the component borders, true by default
paddingX - (number) sets the right and left padding (applies the specified value to both sides), 18 by default
paddingY - (number) sets the top and bottom padding (applies the specified value to both sides), 30 by default