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
Back to top
Join Our Forum
We've retired comments here. Visit our forum for faster technical support, connect with other developers, and share your feedback there.