Page History

{hidden}
DO NOT EDIT THE CONTENT OF THIS PAGE DIRECTLY, UNLESS YOU KNOW WHAT YOU'RE DOING.
		THE STRUCTURE OF THE CONTENT IS VITAL IN BEING ABLE TO EXTRACT CHANGES FROM THE PAGE AND MERGE THEM BACK INTO SERVOY SOURCE{hidden}
{sub-section:description|text=}{sub-section}\\ 

{table:id=|class=servoy sReturnTypes}{tr:style=height: 30px;}{th}Extends{th}{tr}{tr}{td}{span:class=sWordList}[JSComponent]{span}{td}{tr}{table}\\ 

{table:id=|class=servoy sSummary}{colgroup}{column:width=80px|padding=0px}{column}{column}{column}{colgroup}{tr:style=height: 30px;}{th:colspan=2}Constants Summary{th}{tr}{tbody}{tr}{td}[Number]{td}{td}[#CHECKS]
Constant for specifying the display type of a JSField.{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#COMBOBOX]
Constant for specifying the display type of a JSField.{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#PASSWORD]
Constant for specifying the display type of a JSField.{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#RADIOS]
Constant for specifying the display type of a JSField.{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#TEXT_AREA]
Constant for specifying the display type of a JSField.{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#TEXT_FIELD]
Constant for specifying the display type of a JSField.{td}{tr}{tbody}{table}\\ 

{table:id=|class=servoy sSummary}{colgroup}{column:width=80px|padding=0px}{column}{column}{column}{colgroup}{tr:style=height: 30px;}{th:colspan=2}Property Summary{th}{tr}{tbody}{tr}{td}[String]{td}{td}[#dataProviderID]
The dataprovider of the component.{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#displayType]
The type of display used by the field.{td}{tr}{tbody}{tbody}{tr}{td}[Boolean]{td}{td}[#enabled]
The enable state of the component, default true.{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#format]
The format that should be applied when displaying the data in the component.{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#height]
The height in pixels of the component.{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#name]
The name of the component.{td}{tr}{tbody}{tbody}{tr}{td}[JSMethod]{td}{td}[#onAction]
The method that is executed when the component is clicked.{td}{tr}{tbody}{tbody}{tr}{td}[JSMethod]{td}{td}[#onDataChange]
Method that is executed when the data in the component is successfully changed.{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#placeholderText]
The text that is displayed in field when the field doesn't have a text value.{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#styleClass]
The name of the style class that should be applied to this component.{td}{tr}{tbody}{tbody}{tr}{td}[JSValueList]{td}{td}[#valuelist]
The valuelist that is used by this field when displaying data.{td}{tr}{tbody}{tbody}{tr}{td}[Boolean]{td}{td}[#visible]
The visible property of the component, default true.{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#width]
The width in pixels of the component.{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#x]
The x coordinate of the component on the form.{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#y]
The y coordinate of the component on the form.{td}{tr}{tbody}{table}\\ 

{table:id=|class=servoy sSummary}{colgroup}{column:width=80px|padding=0px}{column}{column}{column}{colgroup}{tr:style=height: 30px;}{th:colspan=2}Method Summary{th}{tr}{tbody}{tr}{td}[JSTitle]{td}{td}[#getTitle]\()
Get title label for the field or label.{td}{tr}{tbody}{table}\\ 

{table:id=constant|class=servoy sDetail}{colgroup}{column:width=100%|padding=0px}{column}{colgroup}{tr:style=height: 30px;}{th:colspan=1}Constants Details{th}{tr}{tbody:id=CHECKS|class=node}{tr:id=name}{td}h6.CHECKS{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:CHECKS_des|trigger=button|text=}{sub-section}{sub-section:CHECKS_des|trigger=none|class=sIndent}ConstantReplace for specifying the display type of a JSField. Sets the display type of the
field to checkbox. The field will show a checkbox, or a list of checkboxes if the valuelist
property is also set.{sub-sectionwith description{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:CHECKS_snc|trigger=button|text=}{sub-section}{sub-section:CHECKS_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:CHECKS_prs|trigger=button|text=}{sub-section}{sub-section:CHECKS_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:CHECKS_ret|trigger=button|text=}{sub-section}{sub-section:CHECKS_ret|trigger=none|class=sIndent}[Number]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:CHECKS_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:CHECKS_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:CHECKS_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:CHECKS_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:CHECKS_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:CHECKS_sam|trigger=none}{code:language=javascript}
var vlist = solutionModel.newValueList('options', JSValueList.CUSTOM_VALUES);
vlist.customValues = "one\ntwo\nthree\nfour";
var chk = form.newField('my_table_options', JSField.CHECKS, 10, 40, 100, 50);
chk.valuelist = vlist;
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=COMBOBOX|class=node}{tr:id=name}{td}h6.COMBOBOX{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:COMBOBOX_des|trigger=button|text=}{sub-section}{sub-section:COMBOBOX_des|trigger=none|class=sIndent}ConstantReplace for specifying the display type of a JSField. Sets the display type of the
field to combobox.with description{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:COMBOBOX_snc|trigger=button|text=}{sub-section}{sub-section:COMBOBOX_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:COMBOBOX_prs|trigger=button|text=}{sub-section}{sub-section:COMBOBOX_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:COMBOBOX_ret|trigger=button|text=}{sub-section}{sub-section:COMBOBOX_ret|trigger=none|class=sIndent}[Number]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:COMBOBOX_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:COMBOBOX_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:COMBOBOX_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:COMBOBOX_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:COMBOBOX_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:COMBOBOX_sam|trigger=none}{code:language=javascript}
var vlist = solutionModel.newValueList('options', JSValueList.CUSTOM_VALUES);
vlist.customValues = "one\ntwo\nthree\nfour";
var cmb = form.newField('my_table_options', JSField.COMBOBOX, 10, 100, 100, 20);
cmb.valuelist = vlist;
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=PASSWORD|class=node}{tr:id=name}{td}h6.PASSWORD{td}{tr}{tr:builder-show:permission=edit}{tr:id=des}{td}{sub-section:PASSWORD_des|trigger=button|text=}{sub-section}{sub-section:PASSWORD_des|trigger=none|class=sIndent}ConstantReplace for specifying the display type of a JSField. Sets the display type of the
fiels to password. The field will allow the user to enter passwords, masking the typed
characters.with description{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:PASSWORD_snc|trigger=button|text=}{sub-section}{sub-section:PASSWORD_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:PASSWORD_prs|trigger=button|text=}{sub-section}{sub-section:PASSWORD_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:PASSWORD_ret|trigger=button|text=}{sub-section}{sub-section:PASSWORD_ret|trigger=none|class=sIndent}[Number]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:PASSWORD_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:PASSWORD_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:PASSWORD_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:PASSWORD_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:PASSWORD_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:PASSWORD_sam|trigger=none}{code:language=javascript}
var pwd = form.newField('my_table_text', JSField.PASSWORD, 10, 250, 100, 20);
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=RADIOS|class=node}{tr:id=name}{td}h6.RADIOS{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:RADIOS_des|trigger=button|text=}{sub-section}{sub-section:RADIOS_des|trigger=none|class=sIndent}ConstantReplace for specifying the display type of a JSField. Sets the display type of the
field to radio buttons. The field will show a radio button, or a list of them if 
the valuelist property is also set.{sub-section}{td}{tr}{builderwith description{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:RADIOS_snc|trigger=button|text=}{sub-section}{sub-section:RADIOS_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:RADIOS_prs|trigger=button|text=}{sub-section}{sub-section:RADIOS_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:RADIOS_ret|trigger=button|text=}{sub-section}{sub-section:RADIOS_ret|trigger=none|class=sIndent}[Number]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:RADIOS_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:RADIOS_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:RADIOS_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:RADIOS_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:RADIOS_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:RADIOS_sam|trigger=none}{code:language=javascript}
var vlist = solutionModel.newValueList('options', JSValueList.CUSTOM_VALUES);
vlist.customValues = "one\ntwo\nthree\nfour";
var radio = form.newField('my_table_options', JSField.RADIOS, 10, 280, 100, 50);
radio.valuelist = vlist;
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=TEXT_AREA|class=node}{tr:id=name}{td}h6.TEXT_AREA{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:TEXT_AREA_des|trigger=button|text=}{sub-section}{sub-section:TEXT_AREA_des|trigger=none|class=sIndent}ConstantReplace for specifying the display type of a JSField. Sets the display type of the
field to text area. The field will show text on multiple lines.{sub-section}{td}{tr}{builder-show:permission=with description{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:TEXT_AREA_snc|trigger=button|text=}{sub-section}{sub-section:TEXT_AREA_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:TEXT_AREA_prs|trigger=button|text=}{sub-section}{sub-section:TEXT_AREA_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:TEXT_AREA_ret|trigger=button|text=}{sub-section}{sub-section:TEXT_AREA_ret|trigger=none|class=sIndent}[Number]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:TEXT_AREA_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:TEXT_AREA_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:TEXT_AREA_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:TEXT_AREA_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:TEXT_AREA_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:TEXT_AREA_sam|trigger=none}{code:language=javascript}
var tarea = form.newField('my_table_text', JSField.TEXT_AREA, 10, 400, 100, 50);
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=TEXT_FIELD|class=node}{tr:id=name}{td}h6.TEXT_FIELD{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:TEXT_FIELD_des|trigger=button|text=}{sub-section}{sub-section:TEXT_FIELD_des|trigger=none|class=sIndent}ConstantReplace for specifying the display type of a JSField. Sets the display type of the
field to text field. The field will show regular text on a single line.with description{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:TEXT_FIELD_snc|trigger=button|text=}{sub-section}{sub-section:TEXT_FIELD_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:TEXT_FIELD_prs|trigger=button|text=}{sub-section}{sub-section:TEXT_FIELD_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:TEXT_FIELD_ret|trigger=button|text=}{sub-section}{sub-section:TEXT_FIELD_ret|trigger=none|class=sIndent}[Number]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:TEXT_FIELD_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:TEXT_FIELD_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:TEXT_FIELD_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:TEXT_FIELD_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:TEXT_FIELD_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:TEXT_FIELD_sam|trigger=none}{code:language=javascript}
var tfield = form.newField('my_table_text', JSField.TEXT_FIELD, 10, 460, 100, 20);
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{table}\\ 

{table:id=property|class=servoy sDetail}{colgroup}{column:width=100%|padding=0px}{column}{colgroup}{tr:style=height: 30px;}{th:colspan=1}Property Details{th}{tr}{tbody:id=dataProviderID|class=node}{tr:id=name}{td}h6.dataProviderID{td}{tr}{trbuilder-show:idpermission=desedit}{tr:id=des}{td}{sub-section:dataProviderID_des|trigger=button|text=}{sub-section}{sub-section:dataProviderID_des|trigger=none|class=sIndent}TheReplace dataprovider of the component.with description{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:dataProviderID_snc|trigger=button|text=}{sub-section}{sub-section:dataProviderID_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:dataProviderID_prs|trigger=button|text=}{sub-section}{sub-section:dataProviderID_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:dataProviderID_ret|trigger=button|text=}{sub-section}{sub-section:dataProviderID_ret|trigger=none|class=sIndent}[String]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:dataProviderID_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:dataProviderID_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:dataProviderID_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:dataProviderID_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:dataProviderID_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:dataProviderID_sam|trigger=none}{code:language=javascript}
// Normally the dataprovider is specified when a component is created.
var field = form.newField('parent_table_text', JSField.TEXT_FIELD, 10, 40, 100, 20);
// But it can be modified later if needed.
field.dataProviderID = 'parent_table_id';
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=displayType|class=node}{tr:id=name}{td}h6.displayType{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:displayType_des|trigger=button|text=}{sub-section}{sub-section:displayType_des|trigger=none|class=sIndent}TheReplace type of display used by the field. Can be one of CALENDAR, CHECKS,
COMBOBOX, HTML\_AREA, IMAGE\_MEDIA, PASSWORD, RADIOS, RTF\_AREA, TEXT\_AREA,
TEXT\_FIELD, TYPE\_AHEAD, LIST\_BOX, MULTISELECT\_LISTBOX or SPINNER.with description{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:displayType_snc|trigger=button|text=}{sub-section}{sub-section:displayType_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:displayType_prs|trigger=button|text=}{sub-section}{sub-section:displayType_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:displayType_ret|trigger=button|text=}{sub-section}{sub-section:displayType_ret|trigger=none|class=sIndent}[Number]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:displayType_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:displayType_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:displayType_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:displayType_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:displayType_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:displayType_sam|trigger=none}{code:language=javascript}
// The display type is specified when the field is created.
var cal = form.newField('my_table_date', JSField.CALENDAR, 10, 10, 100, 20);
// But it can be changed if needed.
cal.dataProviderID = 'my_table_text';
cal.displayType = JSField.TEXT_FIELD;
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=enabled|class=node}{tr:id=name}{td}h6.enabled{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:enabled_des|trigger=button|text=}{sub-section}{sub-section:enabled_des|trigger=none|class=sIndent}TheReplace enable state of the component, default true.with description{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:enabled_snc|trigger=button|text=}{sub-section}{sub-section:enabled_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:enabled_prs|trigger=button|text=}{sub-section}{sub-section:enabled_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:enabled_ret|trigger=button|text=}{sub-section}{sub-section:enabled_ret|trigger=none|class=sIndent}[Boolean]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:enabled_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:enabled_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:enabled_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:enabled_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:enabled_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:enabled_sam|trigger=none}{code:language=javascript}
var form = solutionModel.newForm('printForm', 'db:/example_data/parent_table', null, false, 400, 300);
var field = form.newField('parent_table_text', JSField.TEXT_FIELD, 10, 10, 100, 20);
field.enabled = false;
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=heightformat|class=node}{tr:id=name}{td}h6.heightformat{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:heightformat_des|trigger=button|text=}{sub-section}{sub-section:heightformat_des|trigger=none|class=sIndent}TheReplace height in pixels of the component.with description{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:heightformat_snc|trigger=button|text=}{sub-section}{sub-section:heightformat_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:heightformat_prs|trigger=button|text=}{sub-section}{sub-section:heightformat_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:heightformat_ret|trigger=button|text=}{sub-section}{sub-section:heightformat_ret|trigger=none|class=sIndent}[NumberString]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:heightformat_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:heightformat_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:heightformat_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:heightformat_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:heightformat_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:heightformat_sam|trigger=none}{code:language=javascript}
var field = form.newField('parentmy_table_textnumber', JSField.TEXT_FIELD, 10, 10, 100, 20);
application.output('original width: ' + field.width);
application.output('original height: ' + field.height);
field.width = 200;
field.height = 100;
application.output('modified width: ' + field.width);
application.output('modified height: ' + field.height);
{code}{sub-section}{field.format = '$#.00';
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=nameheight|class=node}{tr:id=name}{td}h6.nameheight{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:nameheight_des|trigger=button|text=}{sub-section}{sub-section:nameheight_des|trigger=none|class=sIndent}TheReplace name of the component. Through this name it can also accessed in methods.with description{sub-section}{td}{tr}{builder-show:permission=edit}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:nameheight_snc|trigger=button|text=}{sub-section}{sub-section:nameheight_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:nameheight_prs|trigger=button|text=}{sub-section}{sub-section:nameheight_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:nameheight_ret|trigger=button|text=}{sub-section}{sub-section:nameheight_ret|trigger=none|class=sIndent}[StringNumber]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:nameheight_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:nameheight_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:nameheight_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:nameheight_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:nameheight_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:nameheight_sam|trigger=none}{code:language=javascript}
var formfield = solutionModelform.newFormnewField('someFormparent_table_text', 'db:/example_data/parent_table', null, false, 620, 300);
var label = form.newLabel('Label', 10, 10, 150, 150);
label.name = 'myLabel'; // Give a name to the component.
forms['someForm'].controller.show()
// Now use the name to access the component.
forms['someForm'].elements['myLabel'].text = 'Updated text'JSField.TEXT_FIELD, 10, 10, 100, 20);
application.output('original width: ' + field.width);
application.output('original height: ' + field.height);
field.width = 200;
field.height = 100;
application.output('modified width: ' + field.width);
application.output('modified height: ' + field.height);
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=onActionname|class=node}{tr:id=name}{td}h6.onActionname{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:onActionname_des|trigger=button|text=}{sub-section}{sub-section:onActionname_des|trigger=none|class=sIndent}TheReplace method that is executed when the component is clicked.with description{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:onActionname_snc|trigger=button|text=}{sub-section}{sub-section:onActionname_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:onActionname_prs|trigger=button|text=}{sub-section}{sub-section:onActionname_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:onActionname_ret|trigger=button|text=}{sub-section}{sub-section:onActionname_ret|trigger=none|class=sIndent}[JSMethodString]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:onActionname_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:onActionname_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:onActionname_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:onActionname_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:onActionname_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:onActionname_sam|trigger=none}{code:language=javascript}
var doNothingMethodform = formsolutionModel.newMethodnewForm('someForm'function doNothing() { application.output("Doing nothing."); }', 'db:/example_data/parent_table', null, false, 620, 300);
var onClickMethodlabel = form.newMethodnewLabel('Label'function onClick(event) { application.output("I was clicked at " + event.getTimestamp()); }');
var onDoubleClickMethod = form.newMethod('function onDoubleClick(event) { application.output("I was double-clicked at " + event.getTimestamp()); }');
var onRightClickMethod = form.newMethod('function onRightClick(event) { application.output("I was right-clicked at " + event.getTimestamp()); }');
// At creation the button has the 'doNothing' method as onClick handler, but we'll change that later.
var btn = form.newButton('I am a button', 10, 40, 200, 20, doNothingMethod);
btn.onAction = onClickMethod;
btn.onDoubleClick = onDoubleClickMethod;
btn.onRightClick = onRightClickMethod;
{code, 10, 10, 150, 150);
label.name = 'myLabel'; // Give a name to the component.
forms['someForm'].controller.show()
// Now use the name to access the component.
forms['someForm'].elements['myLabel'].text = 'Updated text';
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=onDataChangeonAction|class=node}{tr:id=name}{td}h6.onDataChangeonAction{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:onDataChangeonAction_des|trigger=button|text=}{sub-section}{sub-section:onDataChangeonAction_des|trigger=none|class=sIndent}MethodReplace that is executed when the data in the component is successfully changed.with description{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:onDataChangeonAction_snc|trigger=button|text=}{sub-section}{sub-section:onDataChangeonAction_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:onDataChangeonAction_prs|trigger=button|text=}{sub-section}{sub-section:onDataChangeonAction_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:onDataChangeonAction_ret|trigger=button|text=}{sub-section}{sub-section:onDataChangeonAction_ret|trigger=none|class=sIndent}[JSMethod]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:onDataChangeonAction_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:onDataChangeonAction_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:onDataChangeonAction_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:onDataChangeonAction_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:onDataChangeonAction_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:onDataChangeonAction_sam|trigger=none}{code:language=javascript}
var formdoNothingMethod = solutionModelform.newFormnewMethod('someForm', 'db:/example_data/parent_table', null, false, 620, 300function doNothing() { application.output("Doing nothing."); }');
var onDataChangeMethodonClickMethod = form.newMethod('function onDataChange(oldValue, newValue, onClick(event) { application.output("DataI changed from " + oldValue + " to " + newValue + " was clicked at " + event.getTimestamp()); }');
var fieldonDoubleClickMethod = form.newField('parent_table_text', JSField.TEXT_FIELD, 10, 10, 100, 20);
field.onDataChange = onDataChangeMethod;
forms['someForm'].controller.show();
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{tdnewMethod('function onDoubleClick(event) { application.output("I was double-clicked at " + event.getTimestamp()); }');
var onRightClickMethod = form.newMethod('function onRightClick(event) { application.output("I was right-clicked at " + event.getTimestamp()); }');
// At creation the button has the 'doNothing' method as onClick handler, but we'll change that later.
var btn = form.newButton('I am a button', 10, 40, 200, 20, doNothingMethod);
btn.onAction = onClickMethod;
btn.onDoubleClick = onDoubleClickMethod;
btn.onRightClick = onRightClickMethod;
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=placeholderTextonDataChange|class=node}{tr:id=name}{td}h6.placeholderTextonDataChange{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:placeholderTextonDataChange_des|trigger=button|text=}{sub-section}{sub-section:placeholderTextonDataChange_des|trigger=none|class=sIndent}TheReplace text that is displayed in field when the field doesn't have a text value.with description{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:placeholderTextonDataChange_snc|trigger=button|text=}{sub-section}{sub-section:placeholderTextonDataChange_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:placeholderTextonDataChange_prs|trigger=button|text=}{sub-section}{sub-section:placeholderTextonDataChange_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:placeholderTextonDataChange_ret|trigger=button|text=}{sub-section}{sub-section:placeholderTextonDataChange_ret|trigger=none|class=sIndent}[StringJSMethod]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:placeholderTextonDataChange_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:placeholderTextonDataChange_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:placeholderTextonDataChange_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:placeholderTextonDataChange_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:placeholderTextonDataChange_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:placeholderTextonDataChange_sam|trigger=none}{code:language=javascript}
var field.placeholderTextform = 'Search';
{code}{subsolutionModel.newForm('someForm', 'db:/example_data/parent_table', null, false, 620, 300);
var onDataChangeMethod = form.newMethod('function onDataChange(oldValue, newValue, event) { application.output("Data changed from " + oldValue + " to " + newValue + " at " + event.getTimestamp()); }');
var field = form.newField('parent_table_text', JSField.TEXT_FIELD, 10, 10, 100, 20);
field.onDataChange = onDataChangeMethod;
forms['someForm'].controller.show();
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=styleClassplaceholderText|class=node}{tr:id=name}{td}h6.styleClassplaceholderText{td}{tr}{trbuilder-show:id=permission=edit}{tr:id=des}{td}{sub-section:styleClassplaceholderText_des|trigger=button|text=}{sub-section}{sub-section:styleClassplaceholderText_des|trigger=none|class=sIndent}TheReplace name of the style class that should be applied to this component.

When defining style classes for specific component types, their names
must be prefixed according to the type of the component. For example 
in order to define a class names 'fancy' for fields, in the style
definition the class must be named 'field.fancy'. If it would be 
intended for labels, then it would be named 'label.fancy'. When specifying
the class name for a component, the prefix is dropped however. Thus the
field or the label will have its styleClass property set to 'fancy' only.with description{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:placeholderText_snc|trigger=button|text=}{sub-section}{sub-section:placeholderText_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:placeholderText_prs|trigger=button|text=}{sub-section}{sub-section:placeholderText_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:placeholderText_ret|trigger=button|text=}{sub-section}{sub-section:placeholderText_ret|trigger=none|class=sIndent}[String]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:placeholderText_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:placeholderText_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:placeholderText_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:placeholderText_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:placeholderText_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:placeholderText_sam|trigger=none}{code:language=javascript}
field.placeholderText = 'Search';
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=styleClass|class=node}{tr:id=name}{td}h6.styleClass{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:styleClass_des|trigger=button|text=}{sub-section}{sub-section:styleClass_des|trigger=none|class=sIndent}Replace with description{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:styleClass_snc|trigger=button|text=}{sub-section}{sub-section:styleClass_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:styleClass_prs|trigger=button|text=}{sub-section}{sub-section:styleClass_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:styleClass_ret|trigger=button|text=}{sub-section}{sub-section:styleClass_ret|trigger=none|class=sIndent}[String]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:styleClass_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:styleClass_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:styleClass_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:styleClass_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:styleClass_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:styleClass_sam|trigger=none}{code:language=javascript}
var form = solutionModel.newForm('printForm', 'db:/example_data/parent_table', null, false, 400, 300);
var field = form.newField('parent_table_text', JSField.TEXT_FIELD, 10, 10, 100, 20);
var style = solutionModel.newStyle('myStyle','field.fancy { background-color: yellow; }');
form.styleName = 'myStyle'; // First set the style on the form.
field.styleClass = 'fancy'; // Then set the style class on the field.
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=valuelist|class=node}{tr:id=name}{td}h6.valuelist{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:valuelist_des|trigger=button|text=}{sub-section}{sub-section:valuelist_des|trigger=none|class=sIndent}Replace with description{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:styleClassvaluelist_snc|trigger=button|text=}{sub-section}{sub-section:styleClassvaluelist_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:styleClassvaluelist_prs|trigger=button|text=}{sub-section}{sub-section:styleClassvaluelist_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:styleClassvaluelist_ret|trigger=button|text=}{sub-section}{sub-section:styleClassvaluelist_ret|trigger=none|class=sIndent}[StringJSValueList]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:styleClassvaluelist_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:styleClassvaluelist_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:styleClassvaluelist_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:styleClassvaluelist_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:styleClassvaluelist_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:styleClassvaluelist_sam|trigger=none}{code:language=javascript}
var formvlist = solutionModel.newFormnewValueList('printFormoptions', 'db:/example_data/parent_table', null, false, 400, 300)JSValueList.CUSTOM_VALUES);
vlist.customValues = "one\ntwo\nthree\nfour";
var fieldcmb = form.newField('parentmy_table_textoptions', JSField.TEXT_FIELDCOMBOBOX, 10, 10100, 100, 20);
var style = solutionModel.newStyle('myStyle','field.fancy { background-color: yellow; }');
form.styleNamecmb.valuelist = 'myStyle'; // First set the style on the form.
field.styleClass = 'fancy'; // Then set the style class on the field.
vlist;
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=valuelistvisible|class=node}{tr:id=name}{td}h6.valuelistvisible{td}{tr}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:valuelistvisible_des|trigger=button|text=}{sub-section}{sub-section:valuelistvisible_des|trigger=none|class=sIndent}The valuelist that is used by this field when displaying data. Can be used
with fields of type CHECKS, COMBOBOX, RADIOS and TYPE\_AHEAD.Replace with description{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:valuelistvisible_snc|trigger=button|text=}{sub-section}{sub-section:valuelistvisible_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:valuelistvisible_prs|trigger=button|text=}{sub-section}{sub-section:valuelistvisible_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:valuelistvisible_ret|trigger=button|text=}{sub-section}{sub-section:valuelistvisible_ret|trigger=none|class=sIndent}[JSValueListBoolean]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:valuelistvisible_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:valuelistvisible_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:valuelistvisible_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:valuelistvisible_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:valuelistvisible_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:valuelistvisible_sam|trigger=none}{code:language=javascript}
var vlistform = solutionModel.newValueListnewForm('optionsprintForm', JSValueList.CUSTOM_VALUES);
vlist.customValues = "one\ntwo\nthree\nfour"'db:/example_data/parent_table', null, false, 400, 300);
var cmbfield = form.newField('myparent_table_optionstext', JSField.COMBOBOXTEXT_FIELD, 10, 10010, 100, 20);
cmbfield.valuelistvisible = vlistfalse;
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=visiblewidth|class=node}{tr:id=name}{td}h6.visiblewidth{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:visiblewidth_des|trigger=button|text=}{sub-section}{sub-section:visiblewidth_des|trigger=none|class=sIndent}TheReplace visible property of the component, default true.with description{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:visiblewidth_snc|trigger=button|text=}{sub-section}{sub-section:visiblewidth_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:visiblewidth_prs|trigger=button|text=}{sub-section}{sub-section:visiblewidth_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:visiblewidth_ret|trigger=button|text=}{sub-section}{sub-section:visiblewidth_ret|trigger=none|class=sIndent}[BooleanNumber]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:visiblewidth_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:visiblewidth_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:visiblewidth_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:visiblewidth_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:visiblewidth_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:visible_sam|trigger=none}{code:language=javascript}
var form = solutionModel.newForm('printForm', 'db:/example_data/parent_table', null, false, 400, 300);
width_sam|trigger=none}{code:language=javascript}
var field = form.newField('parent_table_text', JSField.TEXT_FIELD, 10, 10, 100, 20);
application.output('original width: ' + field.width);
application.output('original height: ' + field.height);
field.width = 200;
field.visibleheight = false100;
application.output('modified width: ' + field.width);
application.output('modified height: ' + field.height);
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=widthx|class=node}{tr:id=name}{td}h6.widthx{td}{tr}{builder-show:permission=edit}{tr}{tr:id=des}{td}{sub-section:widthx_des|trigger=button|text=}{sub-section}{sub-section:widthx_des|trigger=none|class=sIndent}TheReplace width in pixels of the component.with description{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:widthx_snc|trigger=button|text=}{sub-section}{sub-section:widthx_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:widthx_prs|trigger=button|text=}{sub-section}{sub-section:widthx_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:widthx_ret|trigger=button|text=}{sub-section}{sub-section:widthx_ret|trigger=none|class=sIndent}[Number]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:widthx_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:widthx_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:widthx_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:widthx_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:widthx_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:widthx_sam|trigger=none}{code:language=javascript}
var field = form.newField('parent_table_text', JSField.TEXT_FIELD, 10, 10, 100, 20);
application.output('original widthlocation: ' + field.width);
application.output('original height: x + ', ' + field.heighty);
field.widthx = 20090;
field.heighty = 10090;
application.output('modifiedchanged widthlocation: ' + field.width);
application.output('modified height: x + ', ' + field.heighty);
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=xy|class=node}{tr:id=name}{td}h6.xy{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:xy_des|trigger=button|text=}{sub-section}{sub-section:xy_des|trigger=none|class=sIndent}The x coordinate of the component on the form.sIndent}Replace with description{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:xy_snc|trigger=button|text=}{sub-section}{sub-section:xy_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:xy_prs|trigger=button|text=}{sub-section}{sub-section:xy_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:xy_ret|trigger=button|text=}{sub-section}{sub-section:xy_ret|trigger=none|class=sIndent}[Number]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:xy_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:xy_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:xy_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:xy_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:xy_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:xy_sam|trigger=none}{code:language=javascript}
var field = form.newField('parent_table_text', JSField.TEXT_FIELD, 10, 10, 100, 20);
application.output('original location: ' + field.x + ', ' + field.y);
field.x = 90;
field.y = 90;
application.output('changed location: ' + field.x + ', ' + field.y);
{code}{sub-section}{div} + field.y);
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{table}\\ 

{table:id=function|class=servoy sDetail}{colgroup}{column:width=100%|padding=0px}{column}{colgroup}{tr:style=height: 30px;}{th:colspan=1}Method Details{th}{tr}{tbody:id=getTitle|class=node}{tr:id=name}{td}h6.getTitle{td}{tr}{tr:classid=lastDetailRowsig}{td}{td}{tr}{tbody}{tbodyspan:style=float: left; margin-right: 5px;}[JSTitle]{span}{span:id=yiets|class=node}{tr:id=name}{td}h6.ystyle=float: left; font-weight: bold;}getTitle{span}{span:id=iets|style=float: left;}\(){span}{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:ygetTitle_des|trigger=button|text=}{sub-section}{sub-section:ygetTitle_des|trigger=none|class=sIndent}TheReplace y coordinate of the component on the form.with description{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:ygetTitle_snc|trigger=button|text=}{sub-section}{sub-section:ygetTitle_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:ygetTitle_prs|trigger=button|text=}{sub-section}{sub-section:ygetTitle_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:ygetTitle_ret|trigger=button|text=}{sub-section}{sub-section:ygetTitle_ret|trigger=none|class=sIndent}[NumberJSTitle]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:ygetTitle_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:ygetTitle_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:ygetTitle_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:ygetTitle_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:ygetTitle_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:ygetTitle_sam|trigger=none}{code:language=javascript}
var fieldform = formsolutionModel.newFieldnewForm('parent_table_textsomeForm', JSField.TEXT_FIELD, 10, 10, 100, 20);
application.output('original location: ' + field.x + ', ' + field.y);
field.x = 90;
field.y = 90;
application.output('changed location: ' + field.x + ', ' + field.y);'db:/example_data/parent_table');
var field = form.newField('parent_table_text', JSField.TEXT_FIELD, 1);
field.getTitle().text = 'Parent table'
forms['someForm'].controller.show()
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{table}\\ 

{table:id=function|class=servoy sDetail}{colgroup}{column:width=100%|padding=0px}{column}{colgroup}{tr:style=height: 30px;}{th:colspan=1}Method Details{th}{tr}{table}