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 sSummary}{colgroup}{column:width=80px|padding=0px|width=80px}{column}{column}{column}{colgroup}{tr:style=height: 30px;}{th:colspan=2}Property Summary{th}{tr}{tbody}{tr}{td}[JSForm]{td}{td}[#containsForm]
The name of the form displayed in the tab.{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#foreground]
The foreground color of the tab.{td}{tr}{tbody}{tbody}{tr}{td}[JSMedia]{td}{td}[#imageMedia]
The name of the image Media file used.{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#mnemonic]
Mnemonic used to switch to tab.{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#name]
The name of the tab.{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#relationName]
The name of the relation that links the form which contains the tab 
with the form displayed in the tab.{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#text]
The text on the tab.{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#toolTipText]
The text displayed when hovering over the component with a mouse cursor.{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#x]
The X coordinate of the tab.{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#y]
The Y coordinate of the tab.{td}{tr}{tbody}{table}\\ 

{table:id=|class=servoy sSummary}{colgroup}{column:width=80px|padding=0px|width=80px}{column}{column}{column}{colgroup}{tr:style=height: 30px;}{th:colspan=2}Method Summary{th}{tr}{tbody}{tr}{td}[ObjectUUID]{td}{td}[#getDesignTimeProperty#getUUID]\()
GetReturns a design\-time property the UUID of anthis elementcomponent.{td}{tr}{tbody}{tbodytable}{tr}{td}[UUID]{td}{td}[#getUUID]\()
Returns the UUID of this component.{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=containsForm|class=node}{tbodytr:id=name}{trtd}h6.containsForm{td}{tr}[Object]{td}{td}[#putDesignTimeProperty]\()
Set a design\-time property of an element.{{tr:id=des}{td}{sub-section:containsForm_des|trigger=button|text=}{sub-section}{sub-section:containsForm_des|trigger=none|class=sIndent}The name of the form displayed in the tab.{sub-section}{td}{tr}{tbody}{tbodybuilder-show:permission=edit}{tr:id=snc}{td}[Object]{td}{td}[#removeDesignTimeProperty]\()
Clear a design\-time property of an element.*Since*\\{sub-section:containsForm_snc|trigger=button|text=}{sub-section}{sub-section:containsForm_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{tbodybuilder-show}{table}\\ 

{table:id=property|class=servoy sDetail}{colgroup}{column:padding=0px|width=100%}{column}{colgroup}{tr:style=height: 30px;}{th:colspan=1}Property Details{th}{tr}{tbody:id=containsForm|class=node}{tr:id=name}{td}h6.containsForm{td}{trbuilder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:containsForm_prs|trigger=button|text=}{sub-section}{sub-section:containsForm_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=desret}{td}*Returns*\\{sub-section:containsForm_desret|texttrigger=button|triggertext=button}{sub-section}{sub-section:containsForm_desret|trigger=none|class=sIndent}The name of the form displayed in the tab.{sub-section}{}[JSForm]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=sncsee}{td}*SinceAlso see*\\{sub-section:containsForm_sncsee|texttrigger=button|triggertext=button}{sub-section}{div:class=sIndent}{sub-section:containsForm_sncsee|trigger=none|class=sIndent} Replace with version info{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prslink}{td}*ParametersExternal links*\\{sub-section:containsForm_prslink|texttrigger=button|triggertext=button}{sub-section}{div:class=sIndent}{sub-section:containsForm_prslink|trigger=none|class=sIndent}{sub-section}{div}{td}{tr}{builder-show}{tr:id=retsam}{td}*ReturnsSample*\\{sub-section:containsForm_retsam|texttrigger=button|triggertext=button}{sub-section}{sub-section:containsForm_ret|trigger=none|div:class=sIndent}[JSForm]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:containsForm_seesam|text=|trigger=buttonnone}{sub-section}{div:class=sIndent}{sub-section:containsForm_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:containsForm_link|text=|trigger=buttoncode:language=javascript}
var childForm = solutionModel.newForm('childForm', 'db:/example_data/child_table', null, false, 400, 300);
var anotherChildForm = solutionModel.newForm('anotherChildForm', 'db:/example_data/child_table', null, false, 400, 300);
var firstTab = tabs.newTab('firstTab', 'Child Form', childForm, relation);
firstTab.containsForm = anotherChildForm;
{code}{sub-section}{div:class=sIndent}{td}{tr}{sub-section:containsForm_link|trigger=none}{sub-section}{divtr:class=lastDetailRow}{td}{td}{tr}{builder-showtbody}{trtbody:id=foreground|class=samnode}{td}*Sample*\\tr:id=name}{td}h6.foreground{td}{tr}{tr:id=des}{td}{sub-section:containsFormforeground_samdes|texttrigger=button|triggertext=button}{sub-section}{div:class=sIndent}{sub-section:containsFormforeground_samdes|trigger=none}{code:language=javascript}
var childForm = solutionModel.newForm('childForm', 'db:/example_data/child_table', null, false, 400, 300);
var anotherChildForm = solutionModel.newForm('anotherChildForm', 'db:/example_data/child_table', null, false, 400, 300);
var firstTab = tabs.newTab('firstTab', 'Child Form', childForm, relation);
firstTab.containsForm = anotherChildForm;
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=foreground|class=node}{tr:id=name}{td}h6.foreground{td}{tr}{tr:id=des}{td}|class=sIndent}The foreground color of the tab.{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:foreground_snc|trigger=button|text=}{sub-section}{sub-section:foreground_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:foreground_prs|trigger=button|text=}{sub-section}{sub-section:foreground_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:foreground_desret|texttrigger=button|triggertext=button}{sub-section}{sub-section:foreground_desret|trigger=none|class=sIndent}The foreground color of the tab.[String]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=sncsee}{td}*SinceAlso see*\\{sub-section:foreground_sncsee|text=|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:foreground_sncsee|trigger=none|class=sIndent} Replace with version info{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prslink}{td}*ParametersExternal links*\\{sub-section:foreground_prslink|texttrigger=button|triggertext=button}{sub-section}{div:class=sIndent}{sub-section:foreground_prslink|trigger=none|class=sIndent}{sub-section}{div}{td}{tr}{builder-show}{tr:id=retsam}{td}*ReturnsSample*\\{sub-section:foreground_retsam|texttrigger=button|triggertext=button}{sub-section}{div:class=sIndent}{sub-section:foreground_retsam|trigger=none|class=sIndent}[String]{sub-section}{td{code:language=javascript}
var firstTab = tabs.newTab('firstTab', 'Child Form', childForm, relation);
firstTab.foreground = '#FF0000';
{code}{sub-section}{div}{td}{tr}{builder-showtr:permissionclass=editlastDetailRow}{tr:id=seetd}{td}*Also see*\\{sub-section:foreground_see|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:foreground_see|trigger=none}{sub-section}{div}{tr}{tbody}{tbody:id=imageMedia|class=node}{tr:id=name}{td}h6.imageMedia{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=linkdes}{td}*External links*\\{sub-section:foregroundimageMedia_linkdes|texttrigger=button|triggertext=button}{sub-section}{div:class=sIndent}{sub-section:foregroundimageMedia_linkdes|trigger=none|class=sIndent}The name of the image Media file used.{sub-section}{div}{td}{tr}{builder-show:permission=edit}{tr:id=samsnc}{td}*SampleSince*\\{sub-section:foregroundimageMedia_samsnc|texttrigger=button|triggertext=button}{sub-section}{div:class=sIndent}{sub-section:foregroundimageMedia_samsnc|trigger=none}{code:language=javascript|class=sIndent} varReplace firstTabwith = tabs.newTab('firstTab', 'Child Form', childForm, relation);
firstTab.foreground = '#FF0000';
{code}{version info{sub-section}{divtd}{tdtr}{trbuilder-show}{trbuilder-show:classpermission=lastDetailRowedit}{tdtr:id=prs}{td}{tr}{tbody}{tbody:id=imageMedia|class=node}{tr:id=name}{td}h6.imageMedia{td}{tr*Parameters*\\{sub-section:imageMedia_prs|trigger=button|text=}{sub-section}{sub-section:imageMedia_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=desret}{td}*Returns*\\{sub-section:imageMedia_desret|texttrigger=button|triggertext=button}{sub-section}{sub-section:imageMedia_desret|trigger=none|class=sIndent}The name of the image Media file used.[JSMedia]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=sncsee}{td}*SinceAlso see*\\{sub-section:imageMedia_sncsee|texttrigger=button|triggertext=button}{sub-section}{div:class=sIndent}{sub-section:imageMedia_sncsee|trigger=none|class=sIndent} Replace with version info{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prslink}{td}*ParametersExternal links*\\{sub-section:imageMedia_prslink|texttrigger=button|triggertext=button}{sub-section}{div:class=sIndent}{sub-section:imageMedia_prslink|trigger=none|class=sIndent}{sub-section}{div}{td}{tr}{builder-show}{tr:id=retsam}{td}*ReturnsSample*\\{sub-section:imageMedia_retsam|texttrigger=button|triggertext=button}{sub-section}{div:class=sIndent}{sub-section:imageMedia_retsam|trigger=none|class=sIndent}[JSMedia]{sub-section}{code:language=javascript}
var bytes = plugins.file.readFile('d:/ball.jpg');
var ballImage = solutionModel.newMedia('ball.jpg', bytes);
var firstTab = tabs.newTab('firstTab', 'Child Form', childForm, relation);
firstTab.imageMedia = ballImage;
{code}{sub-section}{div}{td}{tr}{builder-show:permission=edittr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=mnemonic|class=node}{tr:id=name}{td}h6.mnemonic{td}{tr}{tr:id=seedes}{td}*Also see*\\{sub-section:imageMediamnemonic_seedes|texttrigger=button|triggertext=button}{sub-section}{div:class=sIndent}{sub-section:imageMediamnemonic_seedes|trigger=none|class=sIndent}Mnemonic used to switch to tab.{sub-section}{div}{td}{tr}{builder-show:permission=edit}{builder-show:permission=edit}{tr:id=linksnc}{td}*External linksSince*\\{sub-section:imageMediamnemonic_linksnc|texttrigger=button|triggertext=button}{sub-section}{div:class=sIndent}{sub-section:imageMediamnemonic_linksnc|trigger=none|class=sIndent} Replace with version info{sub-section}{divtd}{tdtr}{trbuilder-show}{builder-show:permission=edit}{tr:id=samprs}{td}*SampleParameters*\\{sub-section:imageMediamnemonic_samprs|texttrigger=button|triggertext=button}{sub-section}{div:class=sIndent}{sub-section:imageMediamnemonic_samprs|trigger=none|class=sIndent}{code:language=javascript}
var bytes = plugins.file.readFile('d:/ball.jpg');
var ballImage = solutionModel.newMedia('ball.jpg', bytes);
var firstTab = tabs.newTab('firstTab', 'Child Form', childForm, relation);
firstTab.imageMedia = ballImage;
{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}{tr:id=des}{td}{sub-section:name_des|text=|trigger=buttonsub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:mnemonic_ret|trigger=button|text=}{sub-section}{sub-section:namemnemonic_desret|trigger=none|class=sIndent}The name of the tab.[String]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=sncsee}{td}*SinceAlso see*\\{sub-section:namemnemonic_sncsee|texttrigger=button|triggertext=button}{sub-section}{div:class=sIndent}{sub-section:namemnemonic_sncsee|trigger=none|class=sIndent} Replace with version info{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prslink}{td}*ParametersExternal links*\\{sub-section:namemnemonic_prslink|texttrigger=button|triggertext=button}{sub-section}{div:class=sIndent}{sub-section:namemnemonic_prslink|trigger=none|class=sIndent}{sub-section}{div}{td}{tr}{builder-show}{tr:id=retsam}{td}*ReturnsSample*\\{sub-section:namemnemonic_retsam|texttrigger=button|triggertext=button}{sub-section}{div:class=sIndent}{sub-section:namemnemonic_retsam|trigger=none|class=sIndent}[String]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:name_see|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:name_see|trigger=none}{code:language=javascript}
var childForm = solutionModel.newForm('childForm', 'db:/example_data/child_table', null, false, 400, 300);
var anotherChildForm = solutionModel.newForm('anotherChildForm', 'db:/example_data/child_table', null, false, 400, 300);
var firstTab = tabs.newTab('firstTab', 'Child Form', childForm, relation);
firstTab.mnemonic = 'a';
{code}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edittr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=name|class=node}{tr:id=name}{td}h6.name{td}{tr}{tr:id=linkdes}{td}*External links*\\{sub-section:name_linkdes|texttrigger=button|triggertext=button}{sub-section}{div:class=sIndent}{sub-section:name_linkdes|trigger=none|class=sIndent}The name of the tab.{sub-section}{div}{td}{tr}{builder-show:permission=edit}{tr:id=samsnc}{td}*SampleSince*\\{sub-section:name_samsnc|texttrigger=button|triggertext=button}{sub-section}{div:class=sIndent}{sub-section:name_samsnc|trigger=none}{code:language=javascript|class=sIndent} varReplace firstTabwith = tabs.newTab('firstTab', 'Child Form', childForm, relation);
firstTab.name = 'firstTabRenamed';
{code}version info{sub-section}{divtd}{tdtr}{trbuilder-show}{trbuilder-show:classpermission=lastDetailRowedit}{tdtr:id=prs}{td}{tr}{tbody}{tbody:id=relationName|class=node}{tr:id=name}{td}h6.relationName{td}{tr*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=desret}{td}*Returns*\\{sub-section:relationNamename_desret|texttrigger=button|triggertext=button}{sub-section}{sub-section:relationNamename_desret|trigger=none|class=sIndent}The name of the relation that links the form which contains the tab 
with the form displayed in the tab.{sub-section}{td}{[String]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=sncsee}{td}*SinceAlso see*\\{sub-section:relationNamename_sncsee|texttrigger=button|triggertext=button}{sub-section}{div:class=sIndent}{sub-section:relationNamename_sncsee|trigger=none|class=sIndent} Replace with version info{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prslink}{td}*ParametersExternal links*\\{sub-section:relationNamename_prslink|texttrigger=button|triggertext=button}{sub-section}{sub-section:relationName_prs|trigger=none|div:class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:relationName_ret|text=:name_link|trigger=buttonnone}{sub-section}{sub-section:relationName_ret|trigger=none|class=sIndent}[String]{sub-sectiondiv}{td}{tr}{builder-show:permission=edit}{tr:id=seesam}{td}*Also seeSample*\\{sub-section:relationNamename_seesam|texttrigger=button|triggertext=button}{sub-section}{div:class=sIndent}{sub-section:relationNamename_seesam|trigger=none}{code:language=javascript}
var firstTab = tabs.newTab('firstTab', 'Child Form', childForm, relation);
firstTab.name = 'firstTabRenamed';
{code}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edittr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=relationName|class=node}{tr:id=linkname}{td}*External links*\\{sub-h6.relationName{td}{tr}{tr:id=des}{td}{sub-section:relationName_linkdes|texttrigger=button|triggertext=button}{sub-section}{div:class=sIndent}{sub-section:relationName_linkdes|trigger=none|class=sIndent}The name of the relation that links the form which contains the tab 
with the form displayed in the tab.{sub-section}{div}{td}{tr}{builder-show:permission=edit}{tr:id=samsnc}{td}*SampleSince*\\{sub-section:relationName_samsnc|texttrigger=button|triggertext=button}{sub-section}{div:class=sIndent}{sub-section:relationName_samsnc|trigger=none}{code:language=javascript|class=sIndent} varReplace firstTabwith = tabs.newTab('firstTab', 'Child Form', childForm);
firstTab.relationName = 'parent_table_to_child_table';
{code}version info{sub-section}{divtd}{tdtr}{trbuilder-show}{trbuilder-show:classpermission=lastDetailRowedit}{tdtr:id=prs}{td}{tr}{tbody}{tbody:id=text|class=node}{tr:id=name}{td}h6.text{td}{tr*Parameters*\\{sub-section:relationName_prs|trigger=button|text=}{sub-section}{sub-section:relationName_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=desret}{td}*Returns*\\{sub-section:textrelationName_desret|texttrigger=button|triggertext=button}{sub-section}{sub-section:textrelationName_desret|trigger=none|class=sIndent}The text on the tab.[String]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=sncsee}{td}*SinceAlso see*\\{sub-section:textrelationName_sncsee|texttrigger=button|triggertext=button}{sub-section}{div:class=sIndent}{sub-section:textrelationName_sncsee|trigger=none|class=sIndent} Replace with version info{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prslink}{td}*ParametersExternal links*\\{sub-section:textrelationName_prslink|texttrigger=button|triggertext=button}{sub-section}{div:class=sIndent}{sub-section:textrelationName_prslink|trigger=none|class=sIndent}{sub-section}{div}{td}{tr}{builder-show}{tr:id=retsam}{td}*ReturnsSample*\\{sub-section:textrelationName_retsam|texttrigger=button|triggertext=button}{sub-section}{div:class=sIndent}{sub-section:textrelationName_retsam|trigger=none|class=sIndent}[String]{sub{code:language=javascript}
var firstTab = tabs.newTab('firstTab', 'Child Form', childForm);
firstTab.relationName = 'parent_table_to_child_table';
{code}{sub-section}{div}{td}{tr}{builder-showtr:permission=editclass=lastDetailRow}{td}{td}{tr:id=see}{td}*Also see*\\{sub-section:text_see|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:text_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edittbody}{tbody:id=text|class=node}{tr:id=name}{td}h6.text{td}{tr}{tr:id=linkdes}{td}*External links*\\{sub-section:text_linkdes|texttrigger=button|triggertext=button}{sub-section}{div:class=sIndent}{sub-section:text_linkdes|trigger=none|class=sIndent}The text on the tab.{sub-section}{div}{td}{tr}{builder-show:permission=edit}{tr:id=samsnc}{td}*SampleSince*\\{sub-section:text_samsnc|texttrigger=button|triggertext=button}{sub-section}{div:class=sIndent}{sub-section:text_samsnc|trigger=none}{code:language=javascript|class=sIndent} varReplace firstTabwith = tabs.newTab('firstTab', 'Child Form', childForm, relation);
firstTab.text = 'Better Title';
{code}version info{sub-section}{divtd}{tdtr}{trbuilder-show}{trbuilder-show:classpermission=lastDetailRowedit}{tdtr:id=prs}{td}{tr}{tbody}{tbody:id=toolTipText|class=node}{tr:id=name}{td}h6.toolTipText{td}{tr*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=desret}{td}*Returns*\\{sub-section:toolTipTexttext_desret|texttrigger=button|triggertext=button}{sub-section}{sub-section:toolTipTexttext_desret|trigger=none|class=sIndent}The text displayed when hovering over the component with a mouse cursor.

NOTE:
HTML should be used for multi\-line tooltips; you can also use any
valid HTML tags to format tooltip text. For example: 
<html>This includes<b>bolded text</b> and 
<font color='blue'>BLUE</font> text as well.</html>[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=snclink}{td}*SinceExternal links*\\{sub-section:toolTipTexttext_snclink|texttrigger=button|triggertext=button}{sub-section}{div:class=sIndent}{sub-section:toolTipTexttext_snclink|trigger=none|class=sIndent} Replace with version info{sub-section}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prssam}{td}*ParametersSample*\\{sub-section:toolTipTexttext_prssam|texttrigger=button|triggertext=button}{sub-section}{sub-section:toolTipText_prs|trigger=none|div:class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:toolTipText_ret|text=text_sam|trigger=buttonnone}{sub-section}{sub-section:toolTipText_ret|trigger=none|class=sIndent}[String]{sub-sectioncode:language=javascript}
var firstTab = tabs.newTab('firstTab', 'Child Form', childForm, relation);
firstTab.text = 'Better Title';
{code}{sub-section}{div}{td}{tr}{builder-showtr:permission=editclass=lastDetailRow}{td}{td}{tr:id=see}{td}*Also see*\\{sub-section:toolTipText_see|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:toolTipText_see|trigger=none}{sub-section}{div}tbody}{tbody:id=toolTipText|class=node}{tr:id=name}{td}h6.toolTipText{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=linkdes}{td}*External links*\\{sub-section:toolTipText_linkdes|texttrigger=button|triggertext=button}{sub-section}{div:class=sIndent}{sub-section:toolTipText_linkdes|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:toolTipText_sam|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:toolTipText_sam|trigger=none}{code:language=javascript}
var firstTab = tabs.newTab('firstTab', 'Child Form', childForm, relation);
firstTab.toolTipText = 'Tooltip';
{code}{sub-section}{div|class=sIndent}The text displayed when hovering over the component with a mouse cursor.

NOTE:
HTML should be used for multi\-line tooltips; you can also use any
valid HTML tags to format tooltip text. For example: 
<html>This includes<b>bolded text</b> and 
<font color='blue'>BLUE</font> text as well.</html>{sub-section}{td}{tr}{trbuilder-show:classpermission=lastDetailRowedit}{tdtr:id=snc}{td}{tr}{tbody}{tbody:id=x|class=node}{tr:id=name}{td}h6.x{td}{tr*Since*\\{sub-section:toolTipText_snc|trigger=button|text=}{sub-section}{sub-section:toolTipText_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=desprs}{td}*Parameters*\\{sub-section:xtoolTipText_desprs|texttrigger=button|triggertext=button}{sub-section}{sub-section:xtoolTipText_desprs|trigger=none|class=sIndent}The X coordinate of the tab. This influences the order in which the tabs are displayed. 
The tabs are displayed in increasing order of the X coordinate. If two tabs have the 
same X coordinate, then they are displayed in increasing order of the Y coordinate.{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:toolTipText_ret|trigger=button|text=}{sub-section}{sub-section:toolTipText_ret|trigger=none|class=sIndent}[String]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=sncsee}{td}*SinceAlso see*\\{sub-section:xtoolTipText_sncsee|texttrigger=button|triggertext=button}{sub-section}{div:class=sIndent}{sub-section:xtoolTipText_sncsee|trigger=none|class=sIndent} Replace with version info{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prslink}{td}*ParametersExternal links*\\{sub-section:xtoolTipText_prslink|texttrigger=button|triggertext=button}{sub-section}{div:class=sIndent}{sub-section:xtoolTipText_prslink|trigger=none|class=sIndent}{sub-section}{div}{td}{tr}{builder-show}{tr:id=retsam}{td}*ReturnsSample*\\{sub-section:xtoolTipText_retsam|texttrigger=button|triggertext=button}{sub-section}{div:class=sIndent}{sub-section:xtoolTipText_retsam|trigger=none|class=sIndent}[Number]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:x_see|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:x_see|trigger=none}{sub-section}{div}{code:language=javascript}
var firstTab = tabs.newTab('firstTab', 'Child Form', childForm, relation);
firstTab.toolTipText = 'Tooltip';
{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}{builder-show:permission=edit}{tr:id=linkdes}{td}*External links*\\{sub-section:x_linkdes|texttrigger=button|triggertext=button}{sub-section}{div:class=sIndent}{sub-section:x_linkdes|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:x_sam|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:x_sam|trigger=none}{code:language=javascript}
// Create two tabs, then make the second one be displayed to the left of the first
// by setting their X coordinates in the needed order.
var firstTab = tabs.newTab('firstTab', 'Child Form', childForm, relation);
firstTab.x = 10;
var secondTab = tabs.newTab('secondTab', 'Another Child Form', anotherChildForm);
secondTab.x = 0;
{code}|class=sIndent}The X coordinate of the tab. This influences the order in which the tabs are displayed. 
The tabs are displayed in increasing order of the X coordinate. If two tabs have the 
same X coordinate, then they are displayed in increasing order of the Y coordinate.{sub-section}{divtd}{td}{tr}{trbuilder-show:classpermission=lastDetailRowedit}{td}{td}{tr}{tbody}{tbody:id=y|class=node}{tr:id=namesnc}{td}h6.y{td}{tr}{tr:id=des}{td}{*Since*\\{sub-section:yx_dessnc|texttrigger=button|triggertext=button}{sub-section}{sub-section:yx_dessnc|trigger=none|class=sIndent}The Y coordinate of the tab. Together Replace with the X coordinate, this influences the order 
in which the tabs are displayed. The tabs are displayed in increasing order of the X coordinate,
and if two tabs have the same X coordinate, then they are displayed in increasing order 
of the Y coordinate.{sub-version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=sncprs}{td}*SinceParameters*\\{sub-section:yx_sncprs|texttrigger=button|triggertext=button}{sub-section}{sub-section:yx_sncprs|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prsret}{td}*ParametersReturns*\\{sub-section:yx_prsret|texttrigger=button|triggertext=button}{sub-section}{sub-section:yx_prsret|trigger=none|class=sIndent}[Number]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=retsee}{td}*ReturnsAlso see*\\{sub-section:yx_retsee|texttrigger=button|triggertext=button}{sub-section}{div:class=sIndent}{sub-section:yx_retsee|trigger=none|class=sIndent}[Number]{sub-section}{div}{td}{tr}{builder-show:}{builder-show:permission=edit}{tr:id=seelink}{td}*AlsoExternal seelinks*\\{sub-section:yx_seelink|texttrigger=button|triggertext=button}{sub-section}{div:class=sIndent}{sub-section:yx_seelink|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=linksam}{td}*External linksSample*\\{sub-section:yx_linksam|texttrigger=button|triggertext=button}{sub-section}{div:class=sIndent}{sub-section:yx_linksam|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:y_sam|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:y_sam|trigger=none}{code:language=javascript}
// Create two tabs, code:language=javascript}
// Create two tabs, then make the second one be displayed to the left of the first
// by setting their X to the same value and Y coordinates in the needed order. 
var firstTab = tabs.newTab('firstTab', 'Child Form', childForm, relation);
firstTab.x = 0; firstTab.y = 10;
var secondTab = tabs.newTab('secondTab', 'Another Child Form', anotherChildForm);
secondTab.x = 0;
secondTab.y = 0;
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{table}\\ 

{table:id=function|class=servoy sDetail}{colgroup}{column:padding=0px|width=100%}{column}{colgroup}{tr:style=height: 30px;}{th:colspan=1}Method Details{th}{tr}{tbody:id=getDesignTimePropertytbody:id=y|class=node}{tr:id=name}{td}h6.getDesignTimePropertyy{td}{tr}{tr:id=sigdes}{td}{span:style=float: left; margin-right: 5px;}[Object]{span}{span:id=iets|style=float: left; font-weight: bold;}getDesignTimeProperty{span}{span:id=iets|style=float: left;}\(){span}{td}{tr}{tr:id=des}{td}{sub-section:getDesignTimeProperty_des|text=|trigger=button}{sub-section}{sub-section:getDesignTimeProperty_des|trigger=sub-section:y_des|trigger=button|text=}{sub-section}{sub-section:y_des|trigger=none|class=sIndent}GetThe Y a design\-time property coordinate of anthe element.{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:getDesignTimeProperty_snc|text=|trigger=button}{sub-section}{sub-section:getDesignTimeProperty_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-showtab. Together with the X coordinate, this influences the order 
in which the tabs are displayed. The tabs are displayed in increasing order of the X coordinate,
and if two tabs have the same X coordinate, then they are displayed in increasing order 
of the Y coordinate.{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=prssnc}{td}*ParametersSince*\\{sub-section:getDesignTimePropertyy_prssnc|texttrigger=button|triggertext=button}{sub-section}{sub-section:getDesignTimePropertyy_prssnc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=retprs}{td}*ReturnsParameters*\\{sub-section:getDesignTimePropertyy_retprs|texttrigger=button|triggertext=button}{sub-section}{sub-section:getDesignTimePropertyy_retprs|trigger=none|class=sIndent}[Object]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=seeret}{td}*Also seeReturns*\\{sub-section:getDesignTimePropertyy_seeret|texttrigger=button|triggertext=button}{sub-section}{div:class=sIndent}{sub-section:getDesignTimePropertyy_seeret|trigger=none|class=sIndent}[Number]{sub-section}{div}{td}{tr}{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}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:getDesignTimePropertyy_link|texttrigger=button|triggertext=button}{sub-section}{div:class=sIndent}{sub-section:getDesignTimePropertyy_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:getDesignTimePropertyy_sam|texttrigger=button|triggertext=button}{sub-section}{div:class=sIndent}{sub-section:getDesignTimePropertyy_sam|trigger=none}{code:language=javascript}
var frm = solutionModel.getForm('orders')
var fld = frm.getField('fld')
var prop = fld.getDesignTimeProperty('myprop')
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=getUUID|class=node}{tr:id=name}{td}h6.getUUID{td}{tr}{tr:id=sig}{td}{span:style=float: left; margin-right: 5px;}[UUID]{span}{span:id=iets|style=float: left; font-weight: bold;}getUUID{span}{span:id=iets|style=float: left;}\(){span}{td}{tr}{tr:id=des}{td}{sub-section:getUUID_des|text=|trigger=button}{sub-section}{sub-section:getUUID_des|trigger=none|class=sIndent}Returns the UUID of this component.{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:getUUID_snc|text=|trigger=button}{sub-section}{sub-section:getUUID_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:getUUID_prs|text=|trigger=button}{sub-section}{sub-section:getUUID_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:getUUID_ret|text=|trigger=button}{sub-section}{sub-section:getUUID_ret|trigger=none|class=sIndent}[UUID]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:getUUID_see|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:getUUID_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:getUUID_link|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:getUUID_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:getUUID_sam|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:getUUID_sam|trigger=none}{code:language=javascript}
var button_uuid = solutionModel.getForm("my_form").getButton("my_button").getUUID();
application.output(button_uuid.toString());
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=putDesignTimeProperty|class=node}{tr:id=name}{td}h6.putDesignTimeProperty{td}{tr}{tr:id=sig}{td}{span:style=float: left; margin-right: 5px;}[Object]{span}{span:id=iets|style=float: left; font-weight: bold;}putDesignTimeProperty{span}{span:id=iets|style=float: left;}\(){span}{td}{tr}{tr:id=des}{td}{sub-section:putDesignTimeProperty_des|text=|trigger=button}{sub-section}{sub-section:putDesignTimeProperty_des|trigger=none|class=sIndent}Set a design\-time property of an element.{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:putDesignTimeProperty_snc|text=|trigger=button}{sub-section}{sub-section:putDesignTimeProperty_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:putDesignTimeProperty_prs|text=|trigger=button}{sub-section}{sub-section:putDesignTimeProperty_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:putDesignTimeProperty_ret|text=|trigger=button}{sub-section}{sub-section:putDesignTimeProperty_ret|trigger=none|class=sIndent}[Object]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:putDesignTimeProperty_see|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:putDesignTimeProperty_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:putDesignTimeProperty_link|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:putDesignTimeProperty_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:putDesignTimeProperty_sam|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:putDesignTimeProperty_sam|trigger=none}{code:language=javascript}
var frm = solutionModel.getForm('orders')
var fld = frm.getField('fld')
fld.putDesignTimeProperty('myprop', 'strawberry')
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=removeDesignTimeProperty
// Create two tabs, then make the second one be displayed to the left of the first
// by setting their X to the same value and Y coordinates in the needed order. 
var firstTab = tabs.newTab('firstTab', 'Child Form', childForm, relation);
firstTab.x = 0;
firstTab.y = 10;
var secondTab = tabs.newTab('secondTab', 'Another Child Form', anotherChildForm);
secondTab.x = 0;
secondTab.y = 0;
{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=getUUID|class=node}{tr:id=name}{td}h6.removeDesignTimePropertygetUUID{td}{tr}{tr:id=sig}{td}{span:style=float: left; margin-right: 5px;}[ObjectUUID]{span}{span:id=iets|style=float: left; font-weight: bold;}removeDesignTimePropertygetUUID{span}{span:id=iets|style=float: left;}\(){span}{td}{tr}{tr:id=des}{td}{sub-section:removeDesignTimePropertygetUUID_des|texttrigger=button|triggertext=button}{sub-section}{sub-section:removeDesignTimePropertygetUUID_des|trigger=none|class=sIndent}ClearReturns a design\-time propertythe UUID of anthis elementcomponent.{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:removeDesignTimePropertygetUUID_snc|texttrigger=button|triggertext=button}{sub-section}{sub-section:removeDesignTimePropertygetUUID_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:removeDesignTimePropertygetUUID_prs|text=|trigger=button|text=}{sub-section}{sub-section:removeDesignTimePropertygetUUID_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:removeDesignTimePropertygetUUID_ret|texttrigger=button|triggertext=button}{sub-section}{sub-section:removeDesignTimePropertygetUUID_ret|trigger=none|class=sIndent}[ObjectUUID]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:removeDesignTimePropertygetUUID_see|texttrigger=button|triggertext=button}{sub-section}{div:class=sIndent}{sub-section:removeDesignTimePropertygetUUID_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:removeDesignTimePropertygetUUID_link|texttrigger=button|triggertext=button}{sub-section}{div:class=sIndent}{sub-section:removeDesignTimePropertygetUUID_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:removeDesignTimePropertygetUUID_sam|texttrigger=button|triggertext=button}{sub-section}{div:class=sIndent}{sub-section:removeDesignTimePropertygetUUID_sam|trigger=none}{code:language=javascript}
var frmbutton_uuid = solutionModel.getForm('orders')
var fld = frm.getField('fld')
fld.removeDesignTimeProperty('myprop')"my_form").getButton("my_button").getUUID();
application.output(button_uuid.toString());
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{table}