elements
an array of property items
object elements;
Example
view:"property",
elements:[
{ label:"Layout" },
{ label:"Width", type:"text", id:"width"},
{ label:"Data type", type:"toggle", options:["json","xml"], id:"type"},
{ label:"Color front", type:"popup", popup:"myColorF", id:"colorF" }
]
Related samples
Details
Each property element features:
- label - the text label displayed on the left. If there are no other properties in the object, such element becomes a header;
- type - the editor type initialized on clicking the element;
- id - the ID of the element. Used by the setValues and getValues methods to place values into the dedicated cells;
- options - the collection of options (select editors only), details;
- editor controls (depend on the type property). Check editor types for details.
Possible type values coincide with editor types and can be:
- color - for colors, colorboard appears on editing;
- text - for text values;
- select - for selection among several text values;
- checkbox - for two-state values;
- toggle (a two-state button) - for two-state values;
- popup - a popup window.
The elements with the label type get header CSS. If there's no type, the element is non-styled and non-editable.
See also
Back to top