Page History

Wiki Markup
{hiddendiv:style=display:none}
DO NOT EDIT THE CONTENT OF THIS PAGE DIRECTLY (EXCEPT INSIDE THE DIV BELOW WITH ID=DESCRIPTION), UNLESS YOU KNOW WHAT YOU'RE DOING.
		THE STRUCTURE OF THE CONTENT IS VITAL IN BEING ABLE TO EXTRACTAUTO CHANGES FROMUPDATE THE PAGECONTENT ANDTHROUGH MERGETHE THEM BACK INTO SERVOY SOURCE{hiddenDOC GENERATOR{div}
{sub-sectiondiv:id=description|text=}{sub-sectiondiv}\\ 

{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}[String]{td}{td}[#ICON_ALERT]
Constant for specifying a predefined icon type for a button.{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#ICON_BACK]
Constant for specifying a predefined icon type for a button.{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#ICON_BARS]
Constant for specifying a predefined icon type for a button.{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#ICON_CHECK]
Constant for specifying a predefined icon type for a button.{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#ICON_DELETE]
Constant for specifying a predefined icon type for a button.{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#ICON_DOWN]
Constant for specifying a predefined icon type for a button.{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#ICON_EDIT]
Constant for specifying a predefined icon type for a button.{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#ICON_FORWARD]
Constant for specifying a predefined icon type for a button.{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#ICON_GEAR]
Constant for specifying a predefined icon type for a button.{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#ICON_GRID]
Constant for specifying a predefined icon type for a button.{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#ICON_HOME]
Constant for specifying a predefined icon type for a button.{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#ICON_INFO]
Constant for specifying a predefined icon type for a button.{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#ICON_LEFT]
Constant for specifying a predefined icon type for a button.{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#ICON_MINUS]
Constant for specifying a predefined icon type for a button.{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#ICON_PLUS]
Constant for specifying a predefined icon type for a button.{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#ICON_REFRESH]
Constant for specifying a predefined icon type for a button.{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#ICON_RIGHT]
Constant for specifying a predefined icon type for a button.{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#ICON_SEARCH]
Constant for specifying a predefined icon type for a button.{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#ICON_STAR]
Constant for specifying a predefined icon type for a button.{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#ICON_UP]
Constant for specifying a predefined icon type for a button.{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}[Boolean]{td}{td}[#displaysTags]
Flag that enables or disables merging of data inside components using tags (placeholders).{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 data(using dataProviderID) in the label/button.{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}[#iconType]
Icon shown on a button.{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}[String]{td}{td}[#styleClass]
The name of the style class that should be applied to this component.{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#text]
The text that is displayed inside the component.{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}{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=ICON_ALERT|class=node}{tr:id=name}{td}h6.ICON_ALERT{td}{tr}{builder-showtr:permissionid=editret}{tr:id=destd}*Returns*\\{div:class=sIndent}[String]{div}{td}{tr}{sub-section:ICON_ALERT_des|trigger=button|text=}{sub-section}{sub-section:ICON_ALERT_des|trigger=none|class=sIndent}Replace with description{sub-sectiontr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
myButton.iconType = JSButton.ICON_...;
{code}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=snctr:class=lastDetailRow}{td}{td}*Since*\\{sub-section:ICON_ALERT_snc|trigger=button|text=}{sub-section}{sub-section:ICON_ALERT_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{tr}{tbody}{tbody:id=ICON_BACK}{tr:id=name}{td}h6.ICON_BACK{td}{tr}{builder-show}{builder-show:permission=edittr:id=ret}{td}*Returns*\\{div:class=sIndent}[String]{div}{td}{tr}{tr:id=prssam}{td}*ParametersSample*\\{sub-section:ICON_ALERT_prs|trigger=button|text=}{sub-section}{sub-section:ICON_ALERT_prs|trigger=none|class=sIndent}{sub-section{div:class=sIndent}{code:language=javascript}
myButton.iconType = JSButton.ICON_...;
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{builder-showtbody:id=ICON_BARS}{tr:id=retname}{td}*Returns*\\{sub-section:ICON_ALERT_ret|trigger=button|text=}{sub-section}{sub-section:ICON_ALERT_ret|trigger=none|h6.ICON_BARS{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[String]{sub-sectiondiv}{td}{tr}{builder-show:permission=edit}{tr:id=seesam}{td}*Also seeSample*\\{sub-section:ICON_ALERT_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:ICON_ALERT_see|trigger=none}{sub-sectioncode:language=javascript}
myButton.iconType = JSButton.ICON_...;
{code}{div}{td}{tr}{builder-show}{builder-show:permission=edittr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=ICON_CHECK}{tr:id=linkname}{td}*External links*\\{sub-section:ICON_ALERT_link|trigger=button|text=}{sub-section}h6.ICON_CHECK{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}{sub-section:ICON_ALERT_link|trigger=none}{sub-section}{[String]{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:ICON_ALERT_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:ICON_ALERT_sam|trigger=none}{code:language=javascript}code:language=javascript}
myButton.iconType = JSButton.ICON_...;
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=ICON_BACK|class=nodeDELETE}{tr:id=name}{td}h6.ICON_BACKDELETE{td}{tr}{builder-show:permission=edit}{tr:id=desret}{td}{sub-section:ICON_BACK_des|trigger=button|text=}{sub-section}{sub-section:ICON_BACK_des|trigger=none|*Returns*\\{div:class=sIndent}Replace with description{sub-section[String]{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=sncsam}{td}*SinceSample*\\{sub-section:ICON_BACK_snc|trigger=button|text=}{sub-section}{sub-section:ICON_BACK_snc|trigger=none|class=sIndent} Replace with version info{sub-sectiondiv:class=sIndent}{code:language=javascript}
myButton.iconType = JSButton.ICON_...;
{code}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prstr:class=lastDetailRow}{td}{td}*Parameters*\\{sub-section:ICON_BACK_prs|trigger=button|text=}{sub-section}{sub-section:ICON_BACK_prs|trigger=none|class=sIndent}{sub-section}{tr}{tbody}{tbody:id=ICON_DOWN}{tr:id=name}{td}h6.ICON_DOWN{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:ICON_BACK_ret|trigger=button|text=}{sub-section}{sub-section:ICON_BACK_ret|trigger=none|div:class=sIndent}[String]{sub-sectiondiv}{td}{tr}{builder-show:permission=edit}{tr:id=seesam}{td}*Also seeSample*\\{sub-section:ICON_BACK_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:ICON_BACK_see|trigger=none}{sub-sectioncode:language=javascript}
myButton.iconType = JSButton.ICON_...;
{code}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:idclass=linklastDetailRow}{td}*External links*\\{sub-section:ICON_BACK_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:ICON_BACK_link|trigger=none}{sub-section}{div}{td}{tr}{tbody}{tbody:id=ICON_EDIT}{tr:id=name}{td}h6.ICON_EDIT{td}{tr}{builder-show}{tr:id=samret}{td}*SampleReturns*\\{sub-section:ICON_BACK_sam|trigger=button|text=}{sub-section}div:class=sIndent}[String]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{sub-section:ICON_BACK_sam|trigger=none}{code:language=javascript}
myButton.iconType = JSButton.ICON_...;
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=ICON_BARS|class=nodeFORWARD}{tr:id=name}{td}h6.ICON_BARSFORWARD{td}{tr}{builder-show:permission=edit}{tr:id=desret}{td}{sub-section:ICON_BARS_des|trigger=button|text=}{sub-section}{sub-section:ICON_BARS_des|trigger=none|*Returns*\\{div:class=sIndent}Replace with description{sub-section[String]{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=sncsam}{td}*SinceSample*\\{sub-section:ICON_BARS_snc|trigger=button|text=}{sub-section}{sub-section:ICON_BARS_snc|trigger=none|class=sIndent} Replace with version info{sub-sectiondiv:class=sIndent}{code:language=javascript}
myButton.iconType = JSButton.ICON_...;
{code}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prstr:class=lastDetailRow}{td}{td}*Parameters*\\{sub-section:ICON_BARS_prs|trigger=button|text=}{sub-section}{sub-section:ICON_BARS_prs|trigger=none|class=sIndent}{sub-section}{tr}{tbody}{tbody:id=ICON_GEAR}{tr:id=name}{td}h6.ICON_GEAR{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:ICON_BARS_ret|trigger=button|text=}{sub-section}{sub-section:ICON_BARS_ret|trigger=none|class=sIndent}[String]{sub-sectiondiv:class=sIndent}[String]{div}{td}{tr}{builder-show:permission=edit}{tr:id=seesam}{td}*Also seeSample*\\{sub-section:ICON_BARS_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:ICON_BARS_see|trigger=none}{sub-sectioncode:language=javascript}
myButton.iconType = JSButton.ICON_...;
{code}{div}{td}{tr}{tr:class=lastDetailRow}{builder-showtd}{builder-show:permission=edittd}{tr}{tbody}{tbody:id=linkICON_GRID}{td}*External links*\\{sub-section:ICON_BARS_link|trigger=button|text=}{sub-section}tr:id=name}{td}h6.ICON_GRID{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}{sub-section:ICON_BARS_link|trigger=none}{sub-section}{[String]{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:ICON_BARS_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:ICON_BARS_sam|trigger=none}{code:language=javascript}
myButton.iconType = JSButton.ICON_...;
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=ICON_CHECK|class=nodeHOME}{tr:id=name}{td}h6.ICON_CHECKHOME{td}{tr}{builder-show:permission=edit}{tr:tr:id=desret}{td}{sub-section:ICON_CHECK_des|trigger=button|text=}{sub-section}{sub-section:ICON_CHECK_des|trigger=none|*Returns*\\{div:class=sIndent}Replace with description{sub-section[String]{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=sncsam}{td}*SinceSample*\\{sub-section:ICON_CHECK_snc|trigger=button|text=}{sub-section}{sub-section:ICON_CHECK_snc|trigger=none|class=sIndent} Replace with version info{sub-sectiondiv:class=sIndent}{code:language=javascript}
myButton.iconType = JSButton.ICON_...;
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{builder-showtbody}{builder-showtbody:permissionid=editICON_INFO}{tr:id=prs}name}{td}h6.ICON_INFO{td}*Parameters*\\{sub-section:ICON_CHECK_prs|trigger=button|text=}{sub-section}{sub-section:ICON_CHECK_prs|trigger=none|}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}{sub-section[String]{div}{td}{tr}{builder-show}{tr:id=retsam}{td}*ReturnsSample*\\{sub-section:ICON_CHECK_ret|trigger=button|text=}{sub-section}{sub-section:ICON_CHECK_ret|trigger=none|class=sIndent}[String]{sub-sectiondiv:class=sIndent}{code:language=javascript}
myButton.iconType = JSButton.ICON_...;
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{builder-show:permission=edittbody}{tbody:id=ICON_LEFT}{tr:id=see}name}{td}h6.ICON_LEFT{td}*Also see*\\{sub-section:ICON_CHECK_see|trigger=button|text=}{sub-section}}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}{sub-section:ICON_CHECK_see|trigger=none}{sub-section}{div}{[String]{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=linksam}{td}*External linksSample*\\{sub-section:ICON_CHECK_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:ICON_CHECK_link|trigger=none}{sub-sectioncode:language=javascript}
myButton.iconType = JSButton.ICON_...;
{code}{div}{td}{tr}{builder-show}{tr:id=samclass=lastDetailRow}{td}{td}*Sample*\\{sub-section:ICON_CHECK_sam|trigger=button|text=}{sub-section}}{tr}{tbody}{tbody:id=ICON_MINUS}{tr:id=name}{td}h6.ICON_MINUS{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[String]{div}{td}{tr}{sub-section:ICON_CHECK_sam|trigger=nonetr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
myButton.iconType = JSButton.ICON_...;
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=ICON_DELETE|class=nodePLUS}{tr:id=name}{td}h6.ICON_DELETEPLUS{td}{tr}{builder-show:permission=edit}{tr:id=desret}{td}{sub-section:ICON_DELETE_des|trigger=button|text=}{sub-section}{sub-section:ICON_DELETE_des|trigger=none|class=sIndent}Replace with description{sub-section}{*Returns*\\{div:class=sIndent}[String]{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=sncsam}{td}*SinceSample*\\{sub-section:ICON_DELETE_snc|trigger=button|text=}{sub-section}{sub-section:ICON_DELETE_snc|trigger=none|class=sIndent} Replace with version info{sub-sectiondiv:class=sIndent}{code:language=javascript}
myButton.iconType = JSButton.ICON_...;
{code}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:ICON_DELETE_prs|trigger=button|text=}{sub-section}{sub-section:ICON_DELETE_prs|trigger=none|class=sIndent}{sub-section}tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=ICON_REFRESH}{tr:id=name}{td}h6.ICON_REFRESH{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:ICON_DELETE_ret|trigger=button|text=}{sub-section}{sub-section:ICON_DELETE_ret|trigger=none|div:class=sIndent}[String]{sub-sectiondiv}{td}{tr}{builder-show:permission=edit}{tr:id=seesam}{td}*Also seeSample*\\{sub-section:ICON_DELETE_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:ICON_DELETE_see|trigger=none}{sub-section}{div}{div:class=sIndent}{code:language=javascript}
myButton.iconType = JSButton.ICON_...;
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{builder-showtbody}{builder-showtbody:permissionid=editICON_RIGHT}{tr:id=link}name}{td}h6.ICON_RIGHT{td}*External links*\\{sub-section:ICON_DELETE_link|trigger=button|text=}{sub-section}}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}{sub-section:ICON_DELETE_link|trigger=none}{sub-section}{[String]{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:ICON_DELETE_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:ICON_DELETE_sam|trigger=none}{code:language=javascript}
myButton.iconType = JSButton.ICON_...;
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=ICON_DOWN|class=nodeSEARCH}{tr:id=name}{td}h6.ICON_DOWNSEARCH{td}{tr}{builder-show:permission=edit}{tr:id=desret}{td}{sub-section:ICON_DOWN_des|trigger=button|text=}{sub-section}{sub-section:ICON_DOWN_des|trigger=none|class=sIndent}Replace with description{sub-section*Returns*\\{div:class=sIndent}[String]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
myButton.iconType = JSButton.ICON_...;
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{builder-show}{builder-show:permission=edittbody}{tbody:id=ICON_STAR}{tr:id=name}{td}h6.ICON_STAR{td}{tr}{tr:id=sncret}{td}*SinceReturns*\\{sub-section:ICON_DOWN_snc|trigger=button|text=}{sub-section}{sub-section:ICON_DOWN_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=editdiv:class=sIndent}[String]{div}{td}{tr}{tr:id=prssam}{td}*ParametersSample*\\{sub-section:ICON_DOWN_prs|trigger=button|text=}{sub-section}{sub-section:ICON_DOWN_prs|trigger=none|class=sIndent}{sub-sectiondiv:class=sIndent}{code:language=javascript}
myButton.iconType = JSButton.ICON_...;
{code}{div}{td}{tr}{builder-show}{tr:id=retclass=lastDetailRow}{td}{td}*Returns*\\{sub-section:ICON_DOWN_ret|trigger=button|text=}{sub-section}{sub-section:ICON_DOWN_ret|trigger=none|class=sIndent}[String]{sub-section}{tr}{tbody}{tbody:id=ICON_UP}{tr:id=name}{td}h6.ICON_UP{td}{tr}{builder-show:permission=edit}{tr:id=seeret}{td}*Also seeReturns*\\{sub-section:ICON_DOWN_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:ICON_DOWN_see|trigger=none}{sub-section}{[String]{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{tr:id=sam}{td}*External linksSample*\\{sub-section:ICON_DOWN_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:ICON_DOWN_link|trigger=none}{sub-sectioncode:language=javascript}
myButton.iconType = JSButton.ICON_...;
{code}{div}{td}{tr}{builder-show}{tr:id=samclass=lastDetailRow}{td}{td}*Sample*{tr}{tbody}{table}\\{sub-section:ICON_DOWN_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:ICON_DOWN_sam|trigger=none}{code:language=javascript}
myButton.iconType = JSButton.ICON_...;
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td} 

{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}{tr:id=name}{td}h6.dataProviderID{td}{tr}{tbody}{tbodytr:id=ICON_EDIT|class=node}{tr:id=name}{td}h6.ICON_EDITret}{td}*Returns*\\{div:class=sIndent}[String]{div}{td}{tr}{builder-show:permission=edit}{tr:id=dessam}{td}{sub-section:ICON_EDIT_des|trigger=button|text=}{sub-section}{sub-section:ICON_EDIT_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:ICON_EDIT_snc|trigger=button|text=}{sub-section}{sub-section:ICON_EDIT_snc|trigger=none|class=sIndent} Replace with version info{sub-section*Sample*\\{div:class=sIndent}{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}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{builder-showtbody}{builder-showtbody:permissionid=editdisplaysTags}{tr:id=prs}name}{td}h6.displaysTags{td}*Parameters*\\{sub-section:ICON_EDIT_prs|trigger=button|text=}{sub-section}{sub-section:ICON_EDIT_prs|trigger=none|}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}{sub-section[Boolean]{div}{td}{tr}{builder-show}{tr:id=retsam}{td}*ReturnsSample*\\{sub-section:ICON_EDIT_ret|trigger=button|text=}{sub-section}{sub-section:ICON_EDIT_ret|trigger=none|class=sIndent}[String]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:ICON_EDIT_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:ICON_EDIT_see|trigger=none}{sub-section}{divdiv:class=sIndent}{code:language=javascript}
var label = form.newLabel('You are viewing record no. %%parent_table_id%%. You are running on server %%serverURL%%.', 
					10, 10, 600, 100);
label.displaysTags = true;
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{builder-showtbody}{builder-showtbody:permissionid=editenabled}{tr:id=linkname}{td}*External links*\\{sub-section:ICON_EDIT_link|trigger=button|text=}{sub-section}h6.enabled{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}{sub-section:ICON_EDIT_link|trigger=none}{sub-section}[Boolean]{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:ICON_EDIT_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:ICON_EDIT_sam|trigger=none}{code:language=javascript}
var myButton.iconTypeform = JSButton.ICON_...;
{code}{sub-section}{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}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=ICON_FORWARD|class=nodeformat}{tr:id=name}{td}h6.ICON_FORWARDformat{td}{tr}{builder-show:permission=edit}{tr:id=desret}{td}{sub-section:ICON_FORWARD_des|trigger=button|text=}{sub-section}{sub-section:ICON_FORWARD_des|trigger=none|class=sIndent}Replace with description{sub-section*Returns*\\{div:class=sIndent}[String]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var label = form.newLabel('', 10, 10, 100, 100);
label.format = '$#.00';
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{builder-showtbody}{builder-showtbody:permissionid=editheight}{tr:id=snc}name}{td}h6.height{td}*Since*\\{sub-section:ICON_FORWARD_snc|trigger=button|text=}{sub-section}{sub-section:ICON_FORWARD_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit{tr}{tr:id=prsret}{td}*ParametersReturns*\\{sub-section:ICON_FORWARD_prs|trigger=button|text=}{sub-section}{sub-section:ICON_FORWARD_prs|trigger=none|div:class=sIndent}{sub-section[Number]{div}{td}{tr}{builder-show}{tr:id=retsam}{td}*ReturnsSample*\\{sub-section:ICON_FORWARD_ret|trigger=button|text=}{sub-section}{sub-section:ICON_FORWARD_ret|trigger=none|div:class=sIndent}[String]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:ICON_FORWARD_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:ICON_FORWARD_see|trigger=none}{sub-section{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.height = 100;
application.output('modified width: ' + field.width);
application.output('modified height: ' + field.height);
{code}{div}{td}{tr}{builder-show}{builder-show:permission=edittr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=iconType}{tr:id=link}name}{td}h6.iconType{td}*External links*\\{sub-section:ICON_FORWARD_link|trigger=button|text=}{sub-section}}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}{sub-section:ICON_FORWARD_link|trigger=none}{sub-section}{[String]{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:ICON_FORWARD_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:ICON_FORWARD_sam|trigger=none}{code:language=javascript}
myButton.iconTypevar btn = form.newButton('I am a button', 1, null);
btn.iconType = JSButton.ICON_...;STAR
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=ICON_GEAR|class=nodename}{tr:id=name}{td}h6.ICON_GEARname{td}{tr}{builder-show:permission=edit}{tr:id=desret}{td}{sub-section:ICON_GEAR_des|trigger=button|text=}{sub-section}{sub-section:ICON_GEAR_des|trigger=none|*Returns*\\{div:class=sIndent}Replace with description{sub-section[String]{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=snc}{tr:id=sam}{td}*SinceSample*\\{sub-section:ICON_GEAR_snc|trigger=button|text=}{sub-section}{sub-section:ICON_GEAR_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:ICON_GEAR_prs|trigger=button|text=}{sub-section}{sub-section:ICON_GEAR_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:ICON_GEAR_ret|trigger=button|text=}{sub-section}{sub-section:ICON_GEAR_ret|trigger=none|class=sIndent}[String]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:ICON_GEAR_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:ICON_GEAR_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:ICON_GEAR_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:ICON_GEAR_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:ICON_GEAR_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:ICON_GEAR_sam|trigger=none}{code:language=javascript}
myButton.iconType = JSButton.ICON_...;
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=ICON_GRID|class=node}{tr:id=name}{td}h6.ICON_GRID{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:ICON_GRID_des|trigger=button|text=}{sub-section}{sub-section:ICON_GRID_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:ICON_GRID_snc|trigger=button|text=}{sub-section}{sub-section:ICON_GRID_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:ICON_GRID_prs|trigger=button|text=}{sub-section}{sub-section:ICON_GRID_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:ICON_GRID_ret|trigger=button|text=}{sub-section}{sub-section:ICON_GRID_ret|trigger=none|class=sIndent}[String]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:ICON_GRID_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:ICON_GRID_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:ICON_GRID_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:ICON_GRID_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:ICON_GRID_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:ICON_GRID_sam|trigger=none}{code:language=javascript}
myButton.iconType = JSButton.ICON_...;
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=ICON_HOME|class=node}{tr:id=name}{td}h6.ICON_HOME{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:ICON_HOME_des|trigger=button|text=}{sub-section}{sub-section:ICON_HOME_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:ICON_HOME_snc|trigger=button|text=}{sub-section}{sub-section:ICON_HOME_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:ICON_HOME_prs|trigger=button|text=}{sub-section}{sub-section:ICON_HOME_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:ICON_HOME_ret|trigger=button|text=}{sub-section}{sub-section:ICON_HOME_ret|trigger=none|class=sIndent}[String]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:ICON_HOME_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:ICON_HOME_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:ICON_HOME_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:ICON_HOME_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:ICON_HOME_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:ICON_HOME_sam|trigger=none}{code:language=javascript}
myButton.iconType = JSButton.ICON_...;
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=ICON_INFO|class=node}{tr:id=name}{td}h6.ICON_INFO{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:ICON_INFO_des|trigger=button|text=}{sub-section}{sub-section:ICON_INFO_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:ICON_INFO_snc|trigger=button|text=}{sub-section}{sub-section:ICON_INFO_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:ICON_INFO_prs|trigger=button|text=}{sub-section}{sub-section:ICON_INFO_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:ICON_INFO_ret|trigger=button|text=}{sub-section}{sub-section:ICON_INFO_ret|trigger=none|class=sIndent}[String]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:ICON_INFO_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:ICON_INFO_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:ICON_INFO_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:ICON_INFO_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:ICON_INFO_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:ICON_INFO_sam|trigger=none}{code:language=javascript}
myButton.iconType = JSButton.ICON_...;
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=ICON_LEFT|class=node}{tr:id=name}{td}h6.ICON_LEFT{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:ICON_LEFT_des|trigger=button|text=}{sub-section}{sub-section:ICON_LEFT_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:ICON_LEFT_snc|trigger=button|text=}{sub-section}{sub-section:ICON_LEFT_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:ICON_LEFT_prs|trigger=button|text=}{sub-section}{sub-section:ICON_LEFT_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:ICON_LEFT_ret|trigger=button|text=}{sub-section}{sub-section:ICON_LEFT_ret|trigger=none|class=sIndent}[String]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:ICON_LEFT_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:ICON_LEFT_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:ICON_LEFT_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:ICON_LEFT_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:ICON_LEFT_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:ICON_LEFT_sam|trigger=none}{code:language=javascript}
myButton.iconType = JSButton.ICON_...;
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=ICON_MINUS|class=node}{tr:id=name}{td}h6.ICON_MINUS{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:ICON_MINUS_des|trigger=button|text=}{sub-section}{sub-section:ICON_MINUS_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:ICON_MINUS_snc|trigger=button|text=}{sub-section}{sub-section:ICON_MINUS_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:ICON_MINUS_prs|trigger=button|text=}{sub-section}{sub-section:ICON_MINUS_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:ICON_MINUS_ret|trigger=button|text=}{sub-section}{sub-section:ICON_MINUS_ret|trigger=none|class=sIndent}[String]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:ICON_MINUS_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:ICON_MINUS_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:ICON_MINUS_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:ICON_MINUS_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:ICON_MINUS_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:ICON_MINUS_sam|trigger=none}{code:language=javascript}
myButton.iconType = JSButton.ICON_...;
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=ICON_PLUS|class=node}{tr:id=name}{td}h6.ICON_PLUS{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:ICON_PLUS_des|trigger=button|text=}{sub-section}{sub-section:ICON_PLUS_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:ICON_PLUS_snc|trigger=button|text=}{sub-section}{sub-section:ICON_PLUS_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:ICON_PLUS_prs|trigger=button|text=}{sub-section}{sub-section:ICON_PLUS_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:ICON_PLUS_ret|trigger=button|text=}{sub-section}{sub-section:ICON_PLUS_ret|trigger=none|class=sIndent}[String]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:ICON_PLUS_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:ICON_PLUS_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:ICON_PLUS_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:ICON_PLUS_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:ICON_PLUS_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:ICON_PLUS_sam|trigger=none}{code:language=javascript}
myButton.iconType = JSButton.ICON_...;
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=ICON_REFRESH|class=node}{tr:id=name}{td}h6.ICON_REFRESH{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:ICON_REFRESH_des|trigger=button|text=}{sub-section}{sub-section:ICON_REFRESH_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:ICON_REFRESH_snc|trigger=button|text=}{sub-section}{sub-section:ICON_REFRESH_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:ICON_REFRESH_prs|trigger=button|text=}{sub-section}{sub-section:ICON_REFRESH_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:ICON_REFRESH_ret|trigger=button|text=}{sub-section}{sub-section:ICON_REFRESH_ret|trigger=none|class=sIndent}[String]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:ICON_REFRESH_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:ICON_REFRESH_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:ICON_REFRESH_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:ICON_REFRESH_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:ICON_REFRESH_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:ICON_REFRESH_sam|trigger=none}{code:language=javascript}
myButton.iconType = JSButton.ICON_...;
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=ICON_RIGHT|class=node}{tr:id=name}{td}h6.ICON_RIGHT{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:ICON_RIGHT_des|trigger=button|text=}{sub-section}{sub-section:ICON_RIGHT_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:ICON_RIGHT_snc|trigger=button|text=}{sub-section}{sub-section:ICON_RIGHT_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:ICON_RIGHT_prs|trigger=button|text=}{sub-section}{sub-section:ICON_RIGHT_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:ICON_RIGHT_ret|trigger=button|text=}{sub-section}{sub-section:ICON_RIGHT_ret|trigger=none|class=sIndent}[String]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:ICON_RIGHT_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:ICON_RIGHT_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:ICON_RIGHT_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:ICON_RIGHT_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:ICON_RIGHT_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:ICON_RIGHT_sam|trigger=none}{code:language=javascript}
myButton.iconType = JSButton.ICON_...;
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=ICON_SEARCH|class=node}{tr:id=name}{td}h6.ICON_SEARCH{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:ICON_SEARCH_des|trigger=button|text=}{sub-section}{sub-section:ICON_SEARCH_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:ICON_SEARCH_snc|trigger=button|text=}{sub-section}{sub-section:ICON_SEARCH_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:ICON_SEARCH_prs|trigger=button|text=}{sub-section}{sub-section:ICON_SEARCH_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:ICON_SEARCH_ret|trigger=button|text=}{sub-section}{sub-section:ICON_SEARCH_ret|trigger=none|class=sIndent}[String]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:ICON_SEARCH_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:ICON_SEARCH_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:ICON_SEARCH_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:ICON_SEARCH_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:ICON_SEARCH_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:ICON_SEARCH_sam|trigger=none}{code:language=javascript}
myButton.iconType = JSButton.ICON_...;
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=ICON_STAR|class=node}{tr:id=name}{td}h6.ICON_STAR{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:ICON_STAR_des|trigger=button|text=}{sub-section}{sub-section:ICON_STAR_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:ICON_STAR_snc|trigger=button|text=}{sub-section}{sub-section:ICON_STAR_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:ICON_STAR_prs|trigger=button|text=}{sub-section}{sub-section:ICON_STAR_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:ICON_STAR_ret|trigger=button|text=}{sub-section}{sub-section:ICON_STAR_ret|trigger=none|class=sIndent}[String]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:ICON_STAR_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:ICON_STAR_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:ICON_STAR_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:ICON_STAR_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:ICON_STAR_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:ICON_STAR_sam|trigger=none}{code:language=javascript}
myButton.iconType = JSButton.ICON_...;
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=ICON_UP|class=node}{tr:id=name}{td}h6.ICON_UP{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:ICON_UP_des|trigger=button|text=}{sub-section}{sub-section:ICON_UP_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:ICON_UP_snc|trigger=button|text=}{sub-section}{sub-section:ICON_UP_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:ICON_UP_prs|trigger=button|text=}{sub-section}{sub-section:ICON_UP_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:ICON_UP_ret|trigger=button|text=}{sub-section}{sub-section:ICON_UP_ret|trigger=none|class=sIndent}[String]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:ICON_UP_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:ICON_UP_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:ICON_UP_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:ICON_UP_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:ICON_UP_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:ICON_UP_sam|trigger=none}{code:language=javascript}
myButton.iconType = JSButton.ICON_...;
{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}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:dataProviderID_des|trigger=button|text=}{sub-section}{sub-section:dataProviderID_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: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=displaysTags|class=node}{tr:id=name}{td}h6.displaysTags{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:displaysTags_des|trigger=button|text=}{sub-section}{sub-section:displaysTags_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:displaysTags_snc|trigger=button|text=}{sub-section}{sub-section:displaysTags_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:displaysTags_prs|trigger=button|text=}{sub-section}{sub-section:displaysTags_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:displaysTags_ret|trigger=button|text=}{sub-section}{sub-section:displaysTags_ret|trigger=none|class=sIndent}[Boolean]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:displaysTags_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:displaysTags_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:displaysTags_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:displaysTags_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:displaysTags_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:displaysTags_sam|trigger=none}{code:language=javascript}
var label = form.newLabel('You are viewing record no. %%parent_table_id%%. You are running on server %%serverURL%%.', 
					10, 10, 600, 100);
label.displaysTags = true;
{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}Replace 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=format|class=node}{tr:id=name}{td}h6.format{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:format_des|trigger=button|text=}{sub-section}{sub-section:format_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:format_snc|trigger=button|text=}{sub-section}{sub-section:format_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:format_prs|trigger=button|text=}{sub-section}{sub-section:format_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:format_ret|trigger=button|text=}{sub-section}{sub-section:format_ret|trigger=none|class=sIndent}[String]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:format_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:format_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:format_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:format_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:format_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:format_sam|trigger=none}{code:language=javascript}
var label = form.newLabel('', 10, 10, 100, 100);
label.format = '$#.00';
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=height|class=node}{tr:id=name}{td}h6.height{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:height_des|trigger=button|text=}{sub-section}{sub-section:height_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:height_snc|trigger=button|text=}{sub-section}{sub-section:height_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:height_prs|trigger=button|text=}{sub-section}{sub-section:height_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:height_ret|trigger=button|text=}{sub-section}{sub-section:height_ret|trigger=none|class=sIndent}[Number]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:height_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:height_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:height_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:height_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:height_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:height_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.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=iconType|class=node}{tr:id=name}{td}h6.iconType{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:iconType_des|trigger=button|text=}{sub-section}{sub-section:iconType_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:iconType_snc|trigger=button|text=}{sub-section}{sub-section:iconType_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:iconType_prs|trigger=button|text=}{sub-section}{sub-section:iconType_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:iconType_ret|trigger=button|text=}{sub-section}{sub-section:iconType_ret|trigger=none|class=sIndent}[String]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:iconType_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:iconType_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:iconType_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:iconType_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:iconType_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:iconType_sam|trigger=none}{code:language=javascript}
var btn = form.newButton('I am a button', 1, null);
btn.iconType = JSButton.ICON_STAR
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=name|class=node}{tr:id=name}{td}h6.name{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:name_des|trigger=button|text=}{sub-section}{sub-section:name_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:name_snc|trigger=button|text=}{sub-section}{sub-section:name_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:name_prs|trigger=button|text=}{sub-section}{sub-section:name_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:name_ret|trigger=button|text=}{sub-section}{sub-section:name_ret|trigger=none|class=sIndent}[String]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:name_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:name_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:name_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:name_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:name_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:name_sam|trigger=none}{code:language=javascript}
var form = solutionModel.newForm('someForm', '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';
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=onAction|class=node}{tr:id=name}{td}h6.onAction{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:onAction_des|trigger=button|text=}{sub-section}{sub-section:onAction_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:onAction_snc|trigger=button|text=}{sub-section}{sub-section:onAction_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:onAction_prs|trigger=button|text=}{sub-section}{sub-section:onAction_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:onAction_ret|trigger=button|text=}{sub-section}{sub-section:onAction_ret|trigger=none|class=sIndent}[JSMethod]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:onAction_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:onAction_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:onAction_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:onAction_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:onAction_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:onAction_sam|trigger=none}{code:language=javascript}
var doNothingMethod = form.newMethod('function doNothing() { application.output("Doing nothing."); }');
var onClickMethod = form.newMethod('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}{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=text|class=node}{tr:id=name}{td}h6.text{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:text_des|trigger=button|text=}{sub-section}{sub-section:text_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:text_snc|trigger=button|text=}{sub-section}{sub-section:text_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_prs|trigger=button|text=}{sub-section}{sub-section:text_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:text_ret|trigger=button|text=}{sub-section}{sub-section:text_ret|trigger=none|class=sIndent}[String]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:text_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:text_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:text_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:text_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:text_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:text_sam|trigger=none}{code:language=javascript}
// In general the text is specified when creating the component.
var label = form.newLabel('Initial text', 10, 10, 100, 20);
// But it can be changed later if needed.
label.text = 'Changed text';
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=visible|class=node}{tr:id=name}{td}h6.visible{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:visible_des|trigger=button|text=}{sub-section}{sub-section:visible_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:visible_snc|trigger=button|text=}{sub-section}{sub-section:visible_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:visible_prs|trigger=button|text=}{sub-section}{sub-section:visible_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:visible_ret|trigger=button|text=}{sub-section}{sub-section:visible_ret|trigger=none|class=sIndent}[Boolean]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:visible_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:visible_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:visible_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:visible_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:visible_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);
var field = form.newField('parent_table_text', JSField.TEXT_FIELD, 10, 10, 100, 20);
field.visible = false;
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=width|class=node}{tr:id=name}{td}h6.width{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:width_des|trigger=button|text=}{sub-section}{sub-section:width_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:width_snc|trigger=button|text=}{sub-section}{sub-section:width_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:width_prs|trigger=button|text=}{sub-section}{sub-section:width_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:width_ret|trigger=button|text=}{sub-section}{sub-section:width_ret|trigger=none|class=sIndent}[Number]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:width_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:width_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:width_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:width_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{div:class=sIndent}{code:language=javascript}
var form = solutionModel.newForm('someForm', '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';
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=onAction}{tr:id=name}{td}h6.onAction{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSMethod]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var doNothingMethod = form.newMethod('function doNothing() { application.output("Doing nothing."); }');
var onClickMethod = form.newMethod('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}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=styleClass}{tr:id=name}{td}h6.styleClass{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[String]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{sub-section:width_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:width_sam|trigger=none}{code:language=javascript}
var fieldform = formsolutionModel.newFieldnewForm('printForm', 'db:/example_data/parent_table_text', JSField.TEXT_FIELDnull, 10false, 10400, 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=x|class=node}{tr:id=name}{td}h6.x{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:x_des|trigger=button|text=}{sub-section}{sub-section:x_des|trigger=none|class=sIndent}Replace with description{sub-section300);
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}{div}{td}{tr}{builder-show}{builder-show:permission=edittr:class=lastDetailRow}{td}{td}{tr:id=snc}{tdtbody}*Since*\\{sub-section:x_snc|trigger=button|text=}{sub-section}{sub-section:x_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{tbody:id=text}{tr:id=name}{td}h6.text{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prsret}{td}*ParametersReturns*\\{sub-section:x_prs|trigger=button|text=}{sub-section}{sub-section:x_prs|trigger=none|div:class=sIndent}{sub-section[String]{div}{td}{tr}{builder-show}{tr:id=retsam}{td}*ReturnsSample*\\{sub-section:x_ret|trigger=button|text=}{sub-section}{sub-section:x_ret|trigger=none|class=sIndent}[Number]{sub-sectiondiv:class=sIndent}{code:language=javascript}
// In general the text is specified when creating the component.
var label = form.newLabel('Initial text', 10, 10, 100, 20);
// But it can be changed later if needed.
label.text = 'Changed text';
{code}{div}{td}{tr}{builder-showtr:permissionclass=editlastDetailRow}{tr:id=seetd}{td}*Also see*\\{sub-section:x_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:x_see|trigger=none}{sub-section}{div}{tr}{tbody}{tbody:id=visible}{tr:id=name}{td}h6.visible{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=linkret}{td}*External links*\\{sub-section:x_link|trigger=button|text=}{sub-section}}*Returns*\\{div:class=sIndent}{sub-section:x_link|trigger=none}{sub-section}{[Boolean]{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:x_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:x_sam|trigger=none}{code:language=javascript}
var fieldform = formsolutionModel.newFieldnewForm('printForm', 'db:/example_data/parent_table_text', JSField.TEXT_FIELDnull, 10false, 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-section400, 300);
var field = form.newField('parent_table_text', JSField.TEXT_FIELD, 10, 10, 100, 20);
field.visible = false;
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=y|class=nodewidth}{tr:id=name}{td}h6.ywidth{td}{tr}{builder-show:permission=edit}{tr:id=desret}{td}{sub-section:y_des|trigger=button|text=}{sub-section}{sub-section:y_des|trigger=none|*Returns*\\{div:class=sIndent}Replace with description{sub-section[Number]{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=sncsam}{td}*SinceSample*\\{sub-section:y_snc|trigger=button|text=}{sub-section}{sub-section:y_snc|trigger=none|class=sIndent} Replace with version info{sub-sectiondiv:class=sIndent}{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.height = 100;
application.output('modified width: ' + field.width);
application.output('modified height: ' + field.height);
{code}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prstr:class=lastDetailRow}{td}{td}*Parameters*\\{sub-section:y_prs|trigger=button|text=}{sub-section}{sub-section:y_prs|trigger=none|class=sIndent}{sub-section{tr}{tbody}{tbody:id=x}{tr:id=name}{td}h6.x{trtd}{builder-showtr}{tr:id=ret}{td}*Returns*\\{sub-section:y_ret|trigger=button|text=}{sub-section}{sub-section:y_ret|trigger=none|div:class=sIndent}[Number]{sub-sectiondiv}{td}{tr}{tr:id=sam}{td}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:y_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:y_see|trigger=none}{sub-section}{div*Sample*\\{div:class=sIndent}{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}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{builder-showtbody}{builder-showtbody:permissionid=edity}{tr:id=link}name}{td}h6.y{td}*External links*\\{sub-section:y_link|trigger=button|text=}{sub-section}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}{sub-section:y_link|trigger=none}{sub-section}{[Number]{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:y_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:y_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}{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}
Child pages

Versions Compared

Old Version 2

New Version 3

Key
