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 sSummerysSummary}{colgroup}{column:padding=0px|width=80px}{column}{column}{column}{colgroup}{tr:style=height: 30px;}{th:colspan=2}Property SummerySummary{th}{tr}{tbody}{tr}{td}[String]{td}{td}[#bgcolor]
Gets or sets the background color of a field.{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#border]
Gets or sets the border attribute(s) of a specified element.{td}{tr}{tbody}{tbody}{tr}{td}[Boolean]{td}{td}[#enabled]
Gets or sets the enabled state of a specified field, also known as "grayed".{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#fgcolor]
Gets or sets the foreground color of a field.{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#font]
Sets the font name, style, and size of an element.{td}{tr}{tbody}{tbody}{tr}{td}[Boolean]{td}{td}[#readOnly]
Gets or sets the editable/read\-only state of a field; true \- read\-only; false \- editable; ! \- the editable/read\-only state is inverted (the opposite).{td}{tr}{tbody}{tbody}{tr}{td}[Object]{td}{td}[#tabIndex]
Gets or sets the selected tab index for the specified tabpanel.{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#toolTipText]
Gets or sets the tool tip text of an element; text displays when the mouse cursor hovers over an element.{td}{tr}{tbody}{tbody}{tr}{td}[Boolean]{td}{td}[#transparent]
Gets or sets the transparency of an element; true \- transparent; false \- not transparent.{td}{tr}{tbody}{tbody}{tr}{td}[Boolean]{td}{td}[#visible]
Gets or sets the visibility of an element; true \- visible; false \- not visible; ! \- the visibility state is inverted (the opposite).{td}{tr}{tbody}{table}\\ 

{table:id=|class=servoy sSummerysSummary}{colgroup}{column:padding=0px|width=80px}{column}{column}{column}{colgroup}{tr:style=height: 30px;}{th:colspan=2}Method SummerySummary{th}{tr}{tbody}{tr}{td}[Boolean]{td}{td}[#addTab]\(form/formname, \[name\], \[tabText\], \[tooltip\], \[iconURL\], \[fg\], \[bg\], \[relatedfoundset/relationname\], \[index\])
Adds a relationless or related form as a tab in a specified tabpanel.{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#getAbsoluteFormLocationY]\()
Returns the absolute form (designed) Y location.{td}{tr}{tbody}{tbody}{tr}{td}[Object]{td}{td}[#getClientProperty]\(key)
Gets the specified client property for the element based on a key.{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#getElementType]\()
Returns the type of a specified element.{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#getHeight]\()
Returns the height of the current element.{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#getLocationX]\()
Returns the x location of the current element.{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#getLocationY]\()
Returns the y location of the current element.{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#getMaxTabIndex]\()
Returns the maximum tab index for a specified tabpanel.{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#getName]\()
Returns the name of an element.{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#getTabFGColorAt]\(i)
Returns the foreground color for a specified tab of a tabpanel.{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#getTabFormNameAt]\(i)
Returns the form name for a specified tab of a tabpanel.{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#getTabNameAt]\(i)
Returns the name \- the "name" design time property value \- for a specified tab of a tabpanel.{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#getTabRelationNameAt]\(i)
Returns the relation name for a specified tab of a tabpanel.{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#getTabTextAt]\(i)
Returns the text for a specified tab of a tabpanel.{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#getWidth]\()
Returns the width of the current element.{td}{tr}{tbody}{tbody}{tr}{td}[Boolean]{td}{td}[#isTabEnabledAt]\(i)
Returns the enabled status of a specified tab in a tabpanel.{td}{tr}{tbody}{tbody}{tr}{td}void{td}{td}[#putClientProperty]\(key, value)
Sets the value for the specified element client property key.{td}{tr}{tbody}{tbody}{tr}{td}[Boolean]{td}{td}[#removeAllTabs]\()
Removes all tabs for a specified tabpanel.{td}{tr}{tbody}{tbody}{tr}{td}[Boolean]{td}{td}[#removeTabAt]\(index)
Removes a specified tab in a tabpanel; can be based on a relation or relationless.{td}{tr}{tbody}{tbody}{tr}{td}void{td}{td}[#setBorder#setLocation]\(specx, y)
Sets the border attribute(s)location of a specifiedan element.{td}{tr}{tbody}{tbody}{tr}{td}void{td}{td}[#setFont#setSize]\(specwidth, height)
Sets the font name, style, and size of anthe elementfield.{td}{tr}{tbody}{tbody}{tr}{td}void{td}{td}[#setLocation#setTabEnabledAt]\(xi, yb)
Sets the locationstatus of a specified an element.{td}{tr}{tbody}{tbody}{tr}{td}void{td}{td}[#setSize]\(width, height)
Sets the size of the field.{td}{tr}{tbody}{tbody}{tr}{td}void{td}{td}[#setTabEnabledAt]\(i, b)
Sets the status of a specified tab tab in a tabpanel.{td}{tr}{tbody}{tbody}{tr}{td}void{td}{td}[#setTabFGColorAt]\(i, s)
Sets the foreground color for a specified tab in a tabpanel.{td}{tr}{tbody}{tbody}{tr}{td}void{td}{td}[#setTabTextAt]\(index, text)
Sets the text for a specified tab in a tabpanel.{td}{tr}{tbody}{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=bgcolor|class=node}{tr:id=name}{td}h6.bgcolor{td}{tr}{tr:id=des}{td}{sub-section:bgcolor_des|text=|trigger=button}{sub-section}{sub-section:bgcolor_des|trigger=none|class=sIndent}Gets or sets the background color of a field. The color has to be set using the hexadecimal RGB value as used in HTML.{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:bgcolor_snc|text=|trigger=button}{sub-section}{sub-section:bgcolor_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:bgcolor_prs|text=|trigger=button}{sub-section}{sub-section:bgcolor_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:bgcolor_ret|text=|trigger=button}{sub-section}{sub-section:bgcolor_ret|trigger=none|class=sIndent}[String]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:bgcolor_see|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:bgcolor_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:bgcolor_link|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:bgcolor_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:bgcolor_sam|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:bgcolor_sam|trigger=none}{code:language=javascript}
//sets the background color of the field
forms.customer.elements.customer_id.bgcolor = "#FFFFFF";
//gets the background color of the field
var c = forms.customer.elements.customer_id.bgcolor;
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=enabledborder|class=node}{tr:id=name}{td}h6.enabledborder{td}{tr}{tr:id=des}{td}{sub-section:enabledborder_des|text=|trigger=button}{sub-section}{sub-section:enabledborder_des|trigger=none|class=sIndent}Gets or sets the enabled stateborder attribute(s) of a specified field,element. also
known
as "grayed".
true \- enabled; falseThe border attributes:

borderType \- not enabled; ! \- the enabled state is inverted (the opposite).

NOTE: A disabled element cannot be selected by clicking the element (or by pressing the TAB key even if this option is supported by the operating systemEmptyBorder, EtchedBorder, BevelBorder, LineBorder, TitleBorder, MatteBorder, SpecialMatteBorder.
size \- (numeric value) for: bottom, left, right, top.
color \- (hexadecimal value) for: bottom, left, right, top.
dash pattern \- (numeric value) for selected side(s).
rounding radius \- (numeric value) for selected side(s).

NOTE: AUse labelthe or button element will not disable if the "displayType"same value(s) and order of attribute(s) from the element design time property for a field is set to HTML\_AREA.

NOTE: The disabled "grayed" color is dependent on the LAF set in the Servoy Client Application Preferences. For more information see Preferences: Look And Feel in the Servoy Developer User's Guide.{sub-borderType".{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:enabledborder_snc|text=|trigger=button}{sub-section}{sub-section:enabledborder_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:enabledborder_prs|text=|trigger=button}{sub-section}{sub-section:enabledborder_prs|trigger=none|class=sIndent}spec -- the border attributes
{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:enabledborder_ret|text=|trigger=button}{sub-section}{sub-section:enabledborder_ret|trigger=none|class=sIndent}[BooleanString]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:enabledborder_see|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:enabledborder_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:enabledborder_link|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:enabledborder_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:enabledborder_sam|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:enabledborder_sam|trigger=none}{code:language=javascript}
//getssets the enabled state of the field
var currState = forms.customer.elements.customer_id.enabled;
 border type to "LineBorder"
//sets a 1 px line width for the bottom and left side of the border
//sets the enabledhexadecimal statecolor of the field border to "#ccffcc"
var b = forms.customer.elements.customer_id.enabled = !currentStatesetBorder('LineBorder,1,#ccffcc');
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=fgcolorenabled|class=node}{tr:id=name}{td}h6.fgcolorenabled{td}{tr}{tr:id=des}{td}{sub-section:fgcolorenabled_des|text=|trigger=button}{sub-section}{sub-section:fgcolorenabled_des|trigger=none|class=sIndent}Gets or sets the foregroundenabled colorstate of a specified field, also known as "grayed". The color has to be set using the hexadecimal RGB value as used in HTML.{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:fgcolor_snc|text=|trigger=button}{sub-section}{sub-section:fgcolor_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{
true \- enabled; false \- not enabled; ! \- the enabled state is inverted (the opposite).

NOTE: A disabled element cannot be selected by clicking the element (or by pressing the TAB key even if this option is supported by the operating system).

NOTE: A label or button element will not disable if the "displayType" design time property for a field is set to HTML\_AREA.

NOTE: The disabled "grayed" color is dependent on the LAF set in the Servoy Client Application Preferences. For more information see Preferences: Look And Feel in the Servoy Developer User's Guide.{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=prssnc}{td}*ParametersSince*\\{sub-section:fgcolorenabled_prssnc|text=|trigger=button}{sub-section}{sub-section:fgcolorenabled_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|text=|trigger=button}{sub-section}{sub-section:enabled_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:fgcolorenabled_ret|text=|trigger=button}{sub-section}{sub-section:fgcolorenabled_ret|trigger=none|class=sIndent}[StringBoolean]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:fgcolorenabled_see|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:fgcolorenabled_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:fgcolorenabled_link|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:fgcolorenabled_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:fgcolorenabled_sam|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:fgcolorenabled_sam|trigger=none}{code:language=javascript}
//setsgets the foregroundenabled colorstate of the field
var currState = forms.customer.elements.customer_id.fgcolor = "#000000"enabled;

//getssets the foregroundenabled colorstate of the field
var
c = forms.customer.elements.customer_id.fgcolorenabled = !currentState;
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=readOnlyfgcolor|class=node}{tr:id=name}{td}h6.readOnlyfgcolor{td}{tr}{tr:id=des}{td}{sub-section:readOnlyfgcolor_des|text=|trigger=button}{sub-section}{sub-section:readOnlyfgcolor_des|trigger=none|class=sIndent}Gets or sets the editable/read\-only stateforeground color of a field;. The truecolor \- read\-only; false \- editable; ! \- the editable/read\-only state is inverted (the opposite). 

NOTE: A field set as read\-only can be selected by clicking (or pressing the TAB key if this option is supported by the operating system) and the field data can be copiedhas to be set using the hexadecimal RGB value as used in HTML.{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:readOnlyfgcolor_snc|text=|trigger=button}{sub-section}{sub-section:readOnlyfgcolor_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:readOnlyfgcolor_prs|text=|trigger=button}{sub-section}{sub-section:readOnlyfgcolor_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:readOnlyfgcolor_ret|text=|trigger=button}{sub-section}{sub-section:readOnlyfgcolor_ret|trigger=none|class=sIndent}[BooleanString]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:readOnlyfgcolor_see|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:readOnlyfgcolor_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:readOnlyfgcolor_link|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:readOnlyfgcolor_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:readOnlyfgcolor_sam|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:readOnlyfgcolor_sam|trigger=none}{code:language=javascript}
//getssets the editable/read-only stateforeground color of the field
var
currentState = forms.customer.elements.customer_id.readOnlyfgcolor = "#000000";

//setsgets the editable/read-only stateforeground color of the field
var c = forms.customer.elements.customer_id.readOnly = !currentStatefgcolor;
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=tabIndexfont|class=node}{tr:id=name}{td}h6.tabIndexfont{td}{tr}{tr:id=des}{td}{sub-section:tabIndexfont_des|text=|trigger=button}{sub-section}{sub-section:tabIndexfont_des|trigger=none|class=sIndent}Gets or sets the selected tab index for the specified tabpanel.
When setting the value either the tab index or the tab name can be used.
When getting the value, the tab index (not the name) will be returned all the timeSets the font name, style, and size of an element. 

font name \- the name of the font family.
style \- the type of the font. (plain = 0; bold = 1; italic = 2; bold\-italic = 3).
size \- the size of the font (in points).{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:tabIndexfont_snc|text=|trigger=button}{sub-section}{sub-section:tabIndexfont_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:tabIndexfont_prs|text=|trigger=button}{sub-section}{sub-section:tabIndexfont_prs|trigger=none|class=sIndent}spec -- the font name, style, size
{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:tabIndexfont_ret|text=|trigger=button}{sub-section}{sub-section:tabIndexfont_ret|trigger=none|class=sIndent}[ObjectString]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:tabIndexfont_see|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:tabIndexfont_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:tabIndexfont_link|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:tabIndexfont_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:tabIndexfont_sam|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:tabIndexfont_sam|trigger=none}{code:language=javascript}
//gets the selected tab index of the tabpanel
var current =
forms.customer.elements.customer_id.tabIndex;

//sets (goes to) the selected tabIndex of the tabpanel
forms.customer.elements.customer_id.tabIndex = current + 1;

//or sets (goes to) the tab with the specified name
forms.customer.elements.customer_id.tabIndex = 'tab_name'setFont('Tahoma,1,11');
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=toolTipTextreadOnly|class=node}{tr:id=name}{td}h6.toolTipTextreadOnly{td}{tr}{tr:id=des}{td}{sub-section:toolTipTextreadOnly_des|text=|trigger=button}{sub-section}{sub-section:toolTipTextreadOnly_des|trigger=none|class=sIndent}Gets or sets the tool tip text of an element; text displays when the mouse cursor hovers over an element. 
editable/read\-only state of a field; true \- read\-only; false \- editable; ! \- the editable/read\-only state is inverted (the opposite). 

NOTE: HTML should be used for multi\-line tooltips; you can also use any valid HTML tags to format tooltip text A field set as read\-only can be selected by clicking (or pressing the TAB key if this option is supported by the operating system) and the field data can be copied.{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:toolTipTextreadOnly_snc|text=|trigger=button}{sub-section}{sub-section:toolTipTextreadOnly_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:toolTipTextreadOnly_prs|text=|trigger=button}{sub-section}{sub-section:toolTipTextreadOnly_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:toolTipTextreadOnly_ret|text=|trigger=button}{sub-section}{sub-section:toolTipTextreadOnly_ret|trigger=none|class=sIndent}[StringBoolean]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:toolTipTextreadOnly_see|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:toolTipTextreadOnly_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:toolTipTextreadOnly_link|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:toolTipTextreadOnly_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:toolTipTextreadOnly_sam|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:toolTipTextreadOnly_sam|trigger=none}{code:language=javascript}
//gets the tooltip texteditable/read-only state of the elementfield
var toolTipcurrentState = forms.customer.elements.customer_id.toolTipTextreadOnly;

//sets the tooltip texteditable/read-only state of the elementfield
forms.customer.elements.customer_id.toolTipTextreadOnly = "New tip";
forms.customer.elements.customer_id.toolTipText = "<html>This includes <b>bolded text</b> and <font color='blue'>BLUE</font> text as well.";
{code}{sub-section}{div}{!currentState;
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=transparenttabIndex|class=node}{tr:id=name}{td}h6.transparenttabIndex{td}{tr}{tr:id=des}{td}{sub-section:transparenttabIndex_des|text=|trigger=button}{sub-section}{sub-section:transparenttabIndex_des|trigger=none|class=sIndent}Gets or sets the transparencyselected oftab anindex element;for truethe \- transparent; false \- not transparentspecified tabpanel.
When setting NOTE:the transparencyvalue caneither bethe invertedtab usingindex !or operator: elements.elementName.transparent = !elements.elementName.transparent;

NOTE: transparency will be mostly used for background color, a transparent element will receive the background of the element "beneath" it, a non transparent one will use its own background color{subthe tab name can be used.
When getting the value, the tab index (not the name) will be returned all the time.{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:transparenttabIndex_snc|text=|trigger=button}{sub-section}{sub-section:transparenttabIndex_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:transparenttabIndex_prs|text=|trigger=button}{sub-section}{sub-section:transparenttabIndex_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:transparenttabIndex_ret|text=|trigger=button}{sub-section}{sub-section:transparenttabIndex_ret|trigger=none|class=sIndent}[BooleanObject]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:transparenttabIndex_see|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:transparenttabIndex_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:transparenttabIndex_link|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:transparenttabIndex_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:transparenttabIndex_sam|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:transparenttabIndex_sam|trigger=none}{code:language=javascript}
//gets the transparencyselected tab index of the elementtabpanel
var currentStatecurrent = forms.customer.elements.customer_id.transparenttabIndex;

//sets (goes to) the transparencyselected tabIndex of the elementtabpanel
forms.customer.elements.customer_id.tabIndex = current + 1;

//or sets (goes to) the tab with the specified name
forms.customer.elements.customer_id.transparenttabIndex = !currentState'tab_name';
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=visibletoolTipText|class=node}{tr:id=name}{td}h6.visibletoolTipText{td}{tr}{tr:id=des}{td}{sub-section:visibletoolTipText_des|text=|trigger=button}{sub-section}{sub-section:visibletoolTipText_des|trigger=none|class=sIndent}Gets or sets the tool tip visibilitytext of an element; truetext \-displays visible;when falsethe \-mouse notcursor visible;hovers !over \-an theelement. visibility
state is
inverted (the opposite). 
NOTE: TheHTML visibilityshould ofbe anused element is not persistent; the state of visibility only applies to the current user in his/her current sessionfor multi\-line tooltips; you can also use any valid HTML tags to format tooltip text.{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:visibletoolTipText_snc|text=|trigger=button}{sub-section}{sub-section:visibletoolTipText_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:visibletoolTipText_prs|text=|trigger=button}{sub-section}{sub-section:visibletoolTipText_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:visibletoolTipText_ret|text=|trigger=button}{sub-section}{sub-section:visibletoolTipText_ret|trigger=none|class=sIndent}[BooleanString]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:visibletoolTipText_see|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:visibletoolTipText_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:visibletoolTipText_link|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:visibletoolTipText_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:visibletoolTipText_sam|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:visibletoolTipText_sam|trigger=none}{code:language=javascript}
//setsgets the elementtooltip as visible
forms.company.elements.faxBtn.visible = true;

//gets the visibility text of the element
var currentStatetoolTip = forms.companycustomer.elements.faxBtncustomer_id.visibletoolTipText;

//sets the elementtooltip astext notof visiblethe when the current state is visible
forms.company.elements.faxBtn.visible = !currentState;
{code}{subelement
forms.customer.elements.customer_id.toolTipText = "New tip";
forms.customer.elements.customer_id.toolTipText = "<html>This includes <b>bolded text</b> and <font color='blue'>BLUE</font> text as well.";
{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=addTabtransparent|class=node}{tr:id=name}{td}h6.addTabtransparent{td}{tr}{tr:id=sigdes}{td}{span:style=float: left; margin-right: 5px;}[Boolean]{span}{span:id=iets|style=float: left; font-weight: bold;}addTab{span}{span:id=iets|style=float: left;}\(form, \[name\], \[tabText\], \[tooltip\], \[iconURL\], \[fg\], \[bg\], \[relatedfoundset/relationname\], \[index\]){span}{td}{tr}{tr:id=des}{td}{sub-section:addTab_des|text=|trigger=button}{sub-section}{sub-section:addTab_des|trigger=none|class=sIndent}Adds a relationless or related form as a tab in a specified tabpanel.{sub-section:transparent_des|text=|trigger=button}{sub-section}{sub-section:transparent_des|trigger=none|class=sIndent}Gets or sets the transparency of an element; true \- transparent; false \- not transparent.
 
NOTE: transparency can be inverted using ! operator: elements.elementName.transparent = !elements.elementName.transparent;

NOTE: transparency will be mostly used for background color, a transparent element will receive the background of the element "beneath" it, a non transparent one will use its own background color{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:addTabtransparent_snc|text=|trigger=button}{sub-section}{sub-section:addTabtransparent_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:addTabtransparent_prs|text=|trigger=button}{sub-section}{sub-section:addTabtransparent_prs|trigger=none|class=sIndent}form -- the specified form you wish to add as a tab
\[name\] -- the specified name for the tab or NULL (default is null)
\[tabText\] -- the specified text for the tab (default is null)
\[tooltip\] -- a specified tooltip for the tab (default is null)
\[iconURL\] -- a specified icon image or icon URL for the tab (default is null)
\[fg\] -- the HTML RGB Hexadecimal foreground color for the tab (default is null)
\[bg\] -- the HTML RGB Hexadecimal background color for the tab (default is null)
\[relatedfoundset/relationname\] -- the specified name of the related foundset (default is null)
\[index\] -- the specified index of a tab, default is \-1, will add tab to the end
{sub-section}{td}{tr}{tr:id=ret}{td}*Returns{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:transparent_ret|text=|trigger=button}{sub-section}{sub-section:transparent_ret|trigger=none|class=sIndent}[Boolean]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:transparent_see|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:transparent_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:transparent_link|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:transparent_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:addTabtransparent_retsam|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:addTabtransparent_retsam|trigger=none|class=sIndent}[Boolean] -- a boolean value indicating if tab was successfully added{sub-section}{td}{tr}{builder-show:permission=edit}{code:language=javascript}
//gets the transparency of the element
var currentState = forms.customer.elements.customer_id.transparent;

//sets the transparency of the element
forms.customer.elements.customer_id.transparent = !currentState;
{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}{tr:id=seedes}{td}*Also see*\\{sub-section:addTabvisible_seedes|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:addTabvisible_seedes|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:addTab_link|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:addTab_link|trigger=none}{sub-section}{div}{|class=sIndent}Gets or sets the visibility of an element; true \- visible; false \- not visible; ! \- the visibility state is inverted (the opposite).

NOTE: The visibility of an element is not persistent; the state of visibility only applies to the current user in his/her current session.{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=samsnc}{td}*SampleSince*\\{sub-section:addTabvisible_samsnc|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:addTabvisible_samsnc|trigger=none}{code:language=javascript}
forms.customer.elements.customer_id.addTab(forms.orders,'ordersTab','Orders',null,null,'#000000','#BBCCEE');
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=getAbsoluteFormLocationY|class=node}{tr:id=name}{td}h6.getAbsoluteFormLocationY{td}{tr|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=sigprs}{td}{span:style=float: left; margin-right: 5px;}[Number]{span}{span:id=iets|style=float: left; font-weight: bold;}getAbsoluteFormLocationY{span}{span:id=iets|style=float: left;}\(){span*Parameters*\\{sub-section:visible_prs|text=|trigger=button}{sub-section}{sub-section:visible_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=desret}{td}*Returns*\\{sub-section:getAbsoluteFormLocationYvisible_desret|text=|trigger=button}{sub-section}{sub-section:getAbsoluteFormLocationYvisible_desret|trigger=none|class=sIndent}Returns the absolute form (designed) Y location.[Boolean]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=sncsee}{td}*SinceAlso see*\\{sub-section:getAbsoluteFormLocationYvisible_sncsee|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:getAbsoluteFormLocationYvisible_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:getAbsoluteFormLocationYvisible_prslink|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:getAbsoluteFormLocationYvisible_prslink|trigger=none|class=sIndent}{sub-section}{div}{td}{tr}{builder-show}{tr:id=retsam}{td}*ReturnsSample*\\{sub-section:getAbsoluteFormLocationYvisible_retsam|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:getAbsoluteFormLocationYvisible_retsam|trigger=none|class=sIndent}[Number] -- The y location of the form in pixels.}{code:language=javascript}
//sets the element as visible
forms.company.elements.faxBtn.visible = true;

//gets the visibility of the element
var currentState = forms.company.elements.faxBtn.visible;

//sets the element as not visible when the current state is visible
forms.company.elements.faxBtn.visible = !currentState;
{code}{sub-section}{div}{td}{tr}{builder-showtr:permission=editclass=lastDetailRow}{td}{td}{tr:id=see}{tbody}{tdtable}*Also see*\\{sub-section:getAbsoluteFormLocationY_see|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:getAbsoluteFormLocationY_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:getAbsoluteFormLocationY_link|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:getAbsoluteFormLocationY_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show 

{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=addTab|class=node}{tr:id=name}{td}h6.addTab{td}{tr}{tr:id=samsig}{td}*Sample*\\{sub-section:getAbsoluteFormLocationY_sam|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:getAbsoluteFormLocationY_sam|trigger=none}{code:language=javascript}
var absolute_y = forms.customer.elements.customer_id.getAbsoluteFormLocationY();
{code}{sub-section}{div{span:style=float: left; margin-right: 5px;}[Boolean]{span}{span:id=iets|style=float: left; font-weight: bold;}addTab{span}{span:id=iets|style=float: left;}\(form/formname, \[name\], \[tabText\], \[tooltip\], \[iconURL\], \[fg\], \[bg\], \[relatedfoundset/relationname\], \[index\]){span}{td}{tr}{tr:classid=lastDetailRowdes}{td}{td}{tr}{tbody}{tbody:id=getClientProperty|class=node}{tr:id=name}{td}h6.getClientProperty{td}{trsub-section:addTab_des|text=|trigger=button}{sub-section}{sub-section:addTab_des|trigger=none|class=sIndent}Adds a relationless or related form as a tab in a specified tabpanel.{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=sigsnc}{td}{span:style=float: left; margin-right: 5px;}[Object]{span}{span:id=iets|style=float: left; font-weight: bold;}getClientProperty{span}{span:id=iets|style=float: left;}\(key){span*Since*\\{sub-section:addTab_snc|text=|trigger=button}{sub-section}{sub-section:addTab_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{tr:id=desprs}{td}*Parameters*\\{sub-section:getClientPropertyaddTab_desprs|text=|trigger=button}{sub-section}{sub-section:getClientPropertyaddTab_desprs|trigger=none|class=sIndent}Gets the specified client property}form/formname -- the specified form/form name you wish to add as a tab
\[name\] -- the specified name for the tab or NULL (default is null)
\[tabText\] -- the specified text for the tab (default is null)
\[tooltip\] -- a specified tooltip for the tab (default is null)
\[iconURL\] -- a specified icon image or icon URL for the elementtab based(default onis a key.

NOTE: Depending on the operating system, a user interface property name may be available.{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:getClientProperty_snc|text=|trigger=button}{sub-section}{sub-section:getClientProperty_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{tr:id=prs}{td}*Parameters*\\{sub-section:getClientProperty_prs|text=|trigger=button}{sub-section}{sub-section:getClientProperty_prs|trigger=none|class=sIndent}\{[Object]} key -- user interface key (depends on operating system)null)
\[fg\] -- the HTML RGB Hexadecimal foreground color for the tab (default is null)
\[bg\] -- the HTML RGB Hexadecimal background color for the tab (default is null)
\[relatedfoundset/relationname\] -- the specified name of the related foundset (default is null)
\[index\] -- the specified index of a tab, default is \-1, will add tab to the end
{sub-section}{td}{tr}{tr:id=ret}{td}*Returns*\\{sub-section:getClientPropertyaddTab_ret|text=|trigger=button}{sub-section}{sub-section:getClientPropertyaddTab_ret|trigger=none|class=sIndent}[ObjectBoolean] -- Thea boolean value ofindicating theif propertytab forwas specifiedsuccessfully key.added{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:getClientPropertyaddTab_see|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:getClientPropertyaddTab_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:getClientPropertyaddTab_link|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:getClientPropertyaddTab_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:getClientPropertyaddTab_sam|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:getClientPropertyaddTab_sam|trigger=none}{code:language=javascript}
var property ==javascript}
forms.customer.elements.customer_id.getClientProperty('ToolTipTextaddTab(forms.orders,'ordersTab','Orders',null,null,'#000000','#BBCCEE');
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=getElementTypegetAbsoluteFormLocationY|class=node}{tr:id=name}{td}h6.getElementTypegetAbsoluteFormLocationY{td}{tr}{tr:id=sig}{td}{span:style=float: left; margin-right: 5px;}[StringNumber]{span}{span:id=iets|style=float: left; font-weight: bold;}getElementTypegetAbsoluteFormLocationY{span}{span:id=iets|style=float: left;}\(){span}{td}{tr}{tr:id=des}{td}{sub-section:getElementTypegetAbsoluteFormLocationY_des|text=|trigger=button}{sub-section}{sub-section:getElementTypegetAbsoluteFormLocationY_des|trigger=none|class=sIndent}Returns the typeabsolute ofform a(designed) specifiedY elementlocation.{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:getElementTypegetAbsoluteFormLocationY_snc|text=|trigger=button}{sub-section}{sub-section:getElementTypegetAbsoluteFormLocationY_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:getElementTypegetAbsoluteFormLocationY_prs|text=|trigger=button}{sub-section}{sub-section:getElementTypegetAbsoluteFormLocationY_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:getElementTypegetAbsoluteFormLocationY_ret|text=|trigger=button}{sub-section}{sub-section:getElementTypegetAbsoluteFormLocationY_ret|trigger=none|class=sIndent}[StringNumber] -- The displayy typelocation of the elementform asin Stringpixels.{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:getElementTypegetAbsoluteFormLocationY_see|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:getElementTypegetAbsoluteFormLocationY_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:getElementTypegetAbsoluteFormLocationY_link|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:getElementTypegetAbsoluteFormLocationY_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:getElementTypegetAbsoluteFormLocationY_sam|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:getElementTypegetAbsoluteFormLocationY_sam|trigger=none}{code:language=javascript}
var etabsolute_y = forms.customer.elements.customer_id.getElementTypegetAbsoluteFormLocationY();
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=getHeightgetClientProperty|class=node}{tr:id=name}{td}h6.getHeightgetClientProperty{td}{tr}{tr:id=sig}{td}{span:style=float: left; margin-right: 5px;}[NumberObject]{span}{span:id=iets|style=float: left; font-weight: bold;}getHeightgetClientProperty{span}{span:id=iets|style=float: left;}\(key){span}{td}{tr}{tr:id=des}{td}{sub-section:getHeightgetClientProperty_des|text=|trigger=button}{sub-section}{sub-section:getHeightgetClientProperty_des|trigger=none|class=sIndent}Returns the height of the current element. 
NOTE: getHeight() can be used with getWidth() to set the size of an element using the setSize function. For example:

//returns the width (w) and height (h)
var w = forms.company.elements.faxBtn.getWidth();
var h = forms.company.elements.faxBtn.getHeight();
 
//sets the new size
forms.company.elements.faxBtn.setSize(w,h);

//sets the new size and adds 1 px to both the width and height
forms.company.elements.faxBtn.setSize(w+1,h+1);Gets the specified client property for the element based on a key.

NOTE: Depending on the operating system, a user interface property name may be available.{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:getHeightgetClientProperty_snc|text=|trigger=button}{sub-section}{sub-section:getHeightgetClientProperty_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:getHeightgetClientProperty_prs|text=|trigger=button}{sub-section}{sub-section:getHeightgetClientProperty_prs|trigger=none|class=sIndent}=none|class=sIndent}\{[Object]} key -- user interface key (depends on operating system)
{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:getHeightgetClientProperty_ret|text=|trigger=button}{sub-section}{sub-section:getHeightgetClientProperty_ret|trigger=none|class=sIndent}[NumberObject] -- The heightvalue of the elementproperty for inspecified pixelskey.{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:getHeightgetClientProperty_see|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:getHeightgetClientProperty_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:getHeightgetClientProperty_link|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:getHeightgetClientProperty_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:getHeightgetClientProperty_sam|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:getHeightgetClientProperty_sam|trigger=none}{code:language=javascript}
var htproperty = forms.customer.elements.customer_id.getHeightgetClientProperty('ToolTipText');
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=getLocationXgetElementType|class=node}{tr:id=name}{td}h6.getLocationXgetElementType{td}{tr}{tr:id=sig}{td}{span:style=float: left; margin-right: 5px;}[NumberString]{span}{span:id=iets|style=float: left; font-weight: bold;}getLocationXgetElementType{span}{span:id=iets|style=float: left;}\(){span}{td}{tr}{tr:id=des}{td}{sub-section:getLocationXgetElementType_des|text=|trigger=button}{sub-section}{sub-section:getLocationXgetElementType_des|trigger=none|class=sIndent}Returns the x location of the current element. 

NOTE: getLocationX() can be used with getLocationY() to set the location of an element using the setLocation function. For Example:

//returns the X and Y coordinates
var x = forms.company.elements.faxBtn.getLocationX();
var y = forms.company.elements.faxBtn.getLocationY();
 
//sets the new location 10 px to the right; 10 px down from the current location
forms.company.elements.faxBtn.setLocation(x+10,y+10);none|class=sIndent}Returns the type of a specified element.{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:getLocationXgetElementType_snc|text=|trigger=button}{sub-section}{sub-section:getLocationXgetElementType_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:getLocationXgetElementType_prs|text=|trigger=button}{sub-section}{sub-section:getLocationXgetElementType_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:getLocationXgetElementType_ret|text=|trigger=button}{sub-section}{sub-section:getLocationXgetElementType_ret|trigger=none|class=sIndent}[NumberString] -- The xdisplay locationtype of the element inas pixelsString.{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:getLocationXgetElementType_see|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:getLocationXgetElementType_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:getLocationXgetElementType_link|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:getLocationXgetElementType_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:getLocationXgetElementType_sam|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:getLocationXgetElementType_sam|trigger=none}{code:language=javascript}
var xet = forms.customer.elements.customer_id.getLocationXgetElementType();
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=getLocationYgetHeight|class=node}{tr:id=name}{td}h6.getLocationYgetHeight{td}{tr}{tr:id=sig}{td}{span:style=float: left; margin-right: 5px;}[Number]{span}{span:id=iets|style=float: left; font-weight: bold;}getLocationYgetHeight{span}{span:id=iets|style=float: left;}\(){span}{td}{tr}{tr:id=des}{td}{sub-section:getLocationYgetHeight_des|text=|trigger=button}{sub-section}{sub-section:getLocationYgetHeight_des|trigger=none|class=sIndent}Returns the yheight location of the current element. 

NOTE: getLocationYgetHeight() can be used with getLocationXgetWidth() to set the locationsize of an element using the setLocationsetSize function. For Exampleexample:

//returns the width X(w) and Y coordinatesheight (h)
var w = forms.company.elements.faxBtn.getWidth();
var xh = forms.company.elements.faxBtn.getLocationXgetHeight();
var y =
 
//sets the new size
forms.company.elements.faxBtn.getLocationYsetSize(w,h);

//sets the new locationsize 10and px to the right; 10adds 1 px downto fromboth the currentwidth and locationheight
forms.company.elements.faxBtn.setLocationsetSize(xw+101,yh+101);{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:getLocationYgetHeight_snc|text=|trigger=button}{sub-section}{sub-section:getLocationYgetHeight_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:getLocationYgetHeight_prs|text=|trigger=button}{sub-section}{sub-section:getLocationYgetHeight_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:getLocationYgetHeight_ret|text=|trigger=button}{sub-section}{sub-section:getLocationYgetHeight_ret|trigger=none|class=sIndent}[Number] -- The y locationheight of the element in pixels.{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:getLocationYgetHeight_see|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:getLocationYgetHeight_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:getLocationYgetHeight_link|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:getLocationYgetHeight_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:getLocationYgetHeight_sam|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:getLocationYgetHeight_sam|trigger=none}{code:language=javascript}
var yht =  forms.customer.elements.customer_id.getLocationYgetHeight();
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=getMaxTabIndexgetLocationX|class=node}{tr:id=name}{td}h6.getMaxTabIndexgetLocationX{td}{tr}{tr:id=sig}{td}{span:style=float: left; margin-right: 5px;}[Number]{span}{span:id=iets|style=float: left; font-weight: bold;}getMaxTabIndexgetLocationX{span}{span:id=iets|style=float: left;}\(){span}{td}{tr}{tr:id=des}{td}{sub-section:getMaxTabIndexgetLocationX_des|text=|trigger=button}{sub-section}{sub-section:getMaxTabIndex_des|trigger=none|class=sIndent}Returns the maximum tab index for a specified tabpanel.{sub-section:getLocationX_des|trigger=none|class=sIndent}Returns the x location of the current element. 

NOTE: getLocationX() can be used with getLocationY() to set the location of an element using the setLocation function. For Example:

//returns the X and Y coordinates
var x = forms.company.elements.faxBtn.getLocationX();
var y = forms.company.elements.faxBtn.getLocationY();
 
//sets the new location 10 px to the right; 10 px down from the current location
forms.company.elements.faxBtn.setLocation(x+10,y+10);{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:getMaxTabIndexgetLocationX_snc|text=|trigger=button}{sub-section}{sub-section:getMaxTabIndexgetLocationX_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:getMaxTabIndexgetLocationX_prs|text=|trigger=button}{sub-section}{sub-section:getMaxTabIndexgetLocationX_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:getMaxTabIndexgetLocationX_ret|text=|trigger=button}{sub-section}{sub-section:getMaxTabIndexgetLocationX_ret|trigger=none|class=sIndent}[Number] -- maximum tab index (number) The x location of the element in pixels.{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:getMaxTabIndexgetLocationX_see|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:getMaxTabIndexgetLocationX_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:getMaxTabIndexgetLocationX_link|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:getMaxTabIndexgetLocationX_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:getMaxTabIndexgetLocationX_sam|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:getMaxTabIndexgetLocationX_sam|trigger=none}{code:language=javascript}
var maxx = forms.customer.elements.customer_id.getMaxTabIndexgetLocationX();
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=getNamegetLocationY|class=node}{tr:id=name}{td}h6.getNamegetLocationY{td}{tr}{tr:id=sig}{td}{span:style=float: left; margin-right: 5px;}[StringNumber]{span}{span:id=iets|style=float: left; font-weight: bold;}getNamegetLocationY{span}{span:id=iets|style=float: left;}\(){span}{td}{tr}{tr:id=des}{td}{sub-section:getNamegetLocationY_des|text=|trigger=button}{sub-section}{sub-section:getNamegetLocationY_des|trigger=none|class=sIndent}Returns the y location of the name current element. 

NOTE: getLocationY() can be used with getLocationX() to set the location of an element using the setLocation function. For (may be null as well)Example:

//returns the X and Y coordinates
var x = forms.company.elements.faxBtn.getLocationX();
var y = forms.company.elements.faxBtn.getLocationY();

//sets the new location 10 px to the right; 10 px down from the current location
forms.company.elements.faxBtn.setLocation(x+10,y+10);{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:getNamegetLocationY_snc|text=|trigger=button}{sub-section}{sub-section:getNamegetLocationY_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:getNamegetLocationY_prs|text=|trigger=button}{sub-section}{sub-section:getNamegetLocationY_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:getNamegetLocationY_ret|text=|trigger=button}{sub-section}{sub-section:getNamegetLocationY_ret|trigger=none|class=sIndent}[StringNumber] -- The y namelocation of the element in pixels.{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:getNamegetLocationY_see|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:getNamegetLocationY_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:getNamegetLocationY_link|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:getNamegetLocationY_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:getNamegetLocationY_sam|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:getNamegetLocationY_sam|trigger=none}{code:language=javascript}
var namey =  forms.customer.elements.customer_id.getNamegetLocationY();
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=getTabFGColorAtgetMaxTabIndex|class=node}{tr:id=name}{td}h6.getTabFGColorAtgetMaxTabIndex{td}{tr}{tr:id=sig}{td}{span:style=float: left; margin-right: 5px;}[StringNumber]{span}{span:id=iets|style=float: left; font-weight: bold;}getTabFGColorAtgetMaxTabIndex{span}{span:id=iets|style=float: left;}\(i){span}{td}{tr}{tr:id=des}{td}{sub-section:getTabFGColorAtgetMaxTabIndex_des|text=|trigger=button}{sub-section}{sub-section:getTabFGColorAtgetMaxTabIndex_des|trigger=none|class=sIndent}Returns the foregroundmaximum tab colorindex for a specified tab of a tabpanel.{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:getTabFGColorAtgetMaxTabIndex_snc|text=|trigger=button}{sub-section}{sub-section:getTabFGColorAtgetMaxTabIndex_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:getTabFGColorAtgetMaxTabIndex_prs|text=|trigger=button}{sub-section}{sub-section:getTabFGColorAtgetMaxTabIndex_prs|trigger=none|class=sIndent}\{[Number]} i -- the number of the specified tab
{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:getTabFGColorAtgetMaxTabIndex_ret|text=|trigger=button}{sub-section}{sub-section:getTabFGColorAtgetMaxTabIndex_ret|trigger=none|class=sIndent}[StringNumber] -- colormaximum astab hexadecimal RGB stringindex (number){sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:getTabFGColorAtgetMaxTabIndex_see|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:getTabFGColorAtgetMaxTabIndex_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:getTabFGColorAtgetMaxTabIndex_link|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:getTabFGColorAtgetMaxTabIndex_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:getTabFGColorAtgetMaxTabIndex_sam|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:getTabFGColorAtgetMaxTabIndex_sam|trigger=none}{code:language=javascript}
var colormax = forms.customer.elements.customer_id.getTabFGColorAtgetMaxTabIndex(3);
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=getTabFormNameAtgetName|class=node}{tr:id=name}{td}h6.getTabFormNameAtgetName{td}{tr}{tr:id=sig}{td}{span:style=float: left; margin-right: 5px;}[String]{span}{span:id=iets|style=float: left; font-weight: bold;}getTabFormNameAtgetName{span}{span:id=iets|style=float: left;}\(i){span}{td}{tr}{tr:id=des}{td}{sub-section:getTabFormNameAtgetName_des|text=|trigger=button}{sub-section}{sub-section:getTabFormNameAtgetName_des|trigger=none|class=sIndent}Returns the formname nameof foran aelement. specified(may tabbe ofnull aas tabpanel.well){sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:getTabFormNameAtgetName_snc|text=|trigger=button}{sub-section}{sub-section:getTabFormNameAtgetName_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:getTabFormNameAtgetName_prs|text=|trigger=button}{sub-section}{sub-section:getTabFormNameAtgetName_prs|trigger=none|class=sIndent}\{[Number]} i -- index of the tab
{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:getTabFormNameAtgetName_ret|text=|trigger=button}{sub-section}{sub-section:getTabFormNameAtgetName_ret|trigger=none|class=sIndent}[String] -- theThe name of the formelement.{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:getTabFormNameAtgetName_see|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:getTabFormNameAtgetName_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:getTabFormNameAtgetName_link|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:getTabFormNameAtgetName_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:getTabFormNameAtgetName_sam|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:getTabFormNameAtgetName_sam|trigger=none}{code:language=javascript}
var formNamename = forms.customer.elements.customer_id.getSelectedTabFormNamegetName(3);
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=getTabNameAtgetTabFGColorAt|class=node}{tr:id=name}{td}h6.getTabNameAtgetTabFGColorAt{td}{tr}{tr:id=sig}{td}{span:style=float: left; margin-right: 5px;}[String]{span}{span:id=iets|style=float: left; font-weight: bold;}getTabNameAtgetTabFGColorAt{span}{span:id=iets|style=float: left;}\(i){span}{td}{tr}{tr:id=des}{td}{sub-section:getTabNameAtgetTabFGColorAt_des|text=|trigger=button}{sub-section}{sub-section:getTabNameAtgetTabFGColorAt_des|trigger=none|class=sIndent}Returns the nameforeground \- the "name" design time property value \- color for a specified tab of a tabpanel.{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:getTabNameAtgetTabFGColorAt_snc|text=|trigger=button}{sub-section}{sub-section:getTabNameAtgetTabFGColorAt_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{tr:id=prs}{td}*Parameters*\\{sub-section:getTabNameAtgetTabFGColorAt_prs|text=|trigger=button}{sub-section}{sub-section:getTabNameAtgetTabFGColorAt_prs|trigger=none|class=sIndent}\{[Number]} i -- Thethe number of the specified tab.
{sub-section}{td}{tr}{tr:id=ret}{td}*Returns*\\{sub-section:getTabNameAtgetTabFGColorAt_ret|text=|trigger=button}{sub-section}{sub-section:getTabNameAtgetTabFGColorAt_ret|trigger=none|class=sIndent}[String] -- The tab namecolor as hexadecimal RGB string{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:getTabNameAtgetTabFGColorAt_see|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:getTabNameAtgetTabFGColorAt_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:getTabNameAtgetTabFGColorAt_link|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:getTabNameAtgetTabFGColorAt_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:getTabNameAtgetTabFGColorAt_sam|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:getTabNameAtgetTabFGColorAt_sam|trigger=none}{code:language=javascript}
var tabNamecolor = forms.customer.elements.customer_id.getTabNameAtgetTabFGColorAt(3);
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=getTabRelationNameAtgetTabFormNameAt|class=node}{tr:id=name}{td}h6.getTabRelationNameAtgetTabFormNameAt{td}{tr}{tr:id=sig}{td}{span:style=float: left; margin-right: 5px;}[String]{span}{span:id=iets|style=float: left; font-weight: bold;}getTabRelationNameAtgetTabFormNameAt{span}{span:id=iets|style=float: left;}\(i){span}{td}{tr}{tr:id=des}{td}{sub-section:getTabRelationNameAtgetTabFormNameAt_des|text=|trigger=button}{sub-section}{sub-section:getTabRelationNameAtgetTabFormNameAt_des|trigger=none|class=sIndent}Returns the relationform name for a specified tab of a tabpanel.{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:getTabRelationNameAtgetTabFormNameAt_snc|text=|trigger=button}{sub-section}{sub-section:getTabRelationNameAtgetTabFormNameAt_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{tr:id=prs}{td}*Parameters*\\{sub-section:getTabRelationNameAtgetTabFormNameAt_prs|text=|trigger=button}{sub-section}{sub-section:getTabRelationNameAtgetTabFormNameAt_prs|trigger=none|class=sIndent}\{[Number]} i -- index of the tab
{sub-section}{td}{tr}{tr:id=ret}{td}*Returns*\\{sub-section:getTabRelationNameAtgetTabFormNameAt_ret|text=|trigger=button}{sub-section}{sub-section:getTabRelationNameAtgetTabFormNameAt_ret|trigger=none|class=sIndent}[String] -- relation name the name of the form{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:getTabRelationNameAtgetTabFormNameAt_see|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:getTabRelationNameAtgetTabFormNameAt_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:getTabRelationNameAtgetTabFormNameAt_link|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:getTabRelationNameAtgetTabFormNameAt_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:getTabRelationNameAtgetTabFormNameAt_sam|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:getTabRelationNameAtgetTabFormNameAt_sam|trigger=none}{code:language=javascript}
var relNameformName = forms.customer.elements.customer_id.getTabRelationNameAtgetSelectedTabFormName(3);
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=getTabTextAtgetTabNameAt|class=node}{tr:id=name}{td}h6.getTabTextAtgetTabNameAt{td}{tr}{tr:id=sig}{td}{span:style=float: left; margin-right: 5px;}[String]{span}{span:id=iets|style=float: left; font-weight: bold;}getTabTextAtgetTabNameAt{span}{span:id=iets|style=float: left;}\(i){span}{td}{tr}{tr:id=des}{td}{sub-section:getTabTextAtgetTabNameAt_des|text=|trigger=button}{sub-section}{sub-section:getTabTextAtgetTabNameAt_des|trigger=none|class=sIndent}Returns the name \- the text"name" design time property value \- for a specified tab of a tabpanel.{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:getTabTextAtgetTabNameAt_snc|text=|trigger=button}{sub-section}{sub-section:getTabTextAtgetTabNameAt_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{tr:id=prs}{td}*Parameters*\\{sub-section:getTabTextAtgetTabNameAt_prs|text=|trigger=button}{sub-section}{sub-section:getTabTextAtgetTabNameAt_prs|trigger=none|class=sIndent}\{[Number]} i -- The number of the specified tab.
{sub-section}{td}{tr}{tr:id=ret}{td}*Returns*\\{sub-section:getTabTextAtgetTabNameAt_ret|text=|trigger=button}{sub-section}{sub-section:getTabTextAtgetTabNameAt_ret|trigger=none|class=sIndent}[String] -- The tab text.name{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:getTabTextAtgetTabNameAt_see|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:getTabTextAtgetTabNameAt_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:getTabTextAtgetTabNameAt_link|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:getTabTextAtgetTabNameAt_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:getTabTextAtgetTabNameAt_sam|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:getTabTextAtgetTabNameAt_sam|trigger=none}{code:language=javascript}
var tabTexttabName = forms.customer.elements.customer_id.getTabTextAtgetTabNameAt(3);
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=getWidth|class=node}{tr:id=name}{td}h6.getWidth{td}{tr}{tr:id=sig}{td}{span:style=float: left; margin-right: 5px;}[Number]{span}{span:id=iets|style=float: left; font-weight: bold;}getWidth{span}{span:id=iets|style=float: left;}\(){span}tr}{tbody}{tbody:id=getTabRelationNameAt|class=node}{tr:id=name}{td}h6.getTabRelationNameAt{td}{tr}{tr:id=dessig}{td}{sub-section:getWidth_des|text=|trigger=button}{sub-section}{sub-section:getWidth_des|trigger=none|class=sIndent}Returns the width of the current element. 

NOTE: getWidth() can be used with getHeight() to set the size of an element using the setSize function. For Example:

 //returns the width (w) and height (h)
 var w = forms.company.elements.faxBtn.getWidth();
 var h = forms.company.elements.faxBtn.getHeight();
 
 //sets the new size
 forms.company.elements.faxBtn.setSize(w,h);
 
 //sets the new size and adds 1 px to both the width and height
 forms.company.elements.faxBtn.setSize(w+1,h+1);span:style=float: left; margin-right: 5px;}[String]{span}{span:id=iets|style=float: left; font-weight: bold;}getTabRelationNameAt{span}{span:id=iets|style=float: left;}\(i){span}{td}{tr}{tr:id=des}{td}{sub-section:getTabRelationNameAt_des|text=|trigger=button}{sub-section}{sub-section:getTabRelationNameAt_des|trigger=none|class=sIndent}Returns the relation name for a specified tab of a tabpanel.{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:getWidthgetTabRelationNameAt_snc|text=|trigger=button}{sub-section}{sub-section:getWidthgetTabRelationNameAt_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:getWidthgetTabRelationNameAt_prs|text=|trigger=button}{sub-section}{sub-section:getWidthgetTabRelationNameAt_prs|trigger=none|class=sIndent}\{[Number]} i -- index of the tab
{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:getWidthgetTabRelationNameAt_ret|text=|trigger=button}{sub-section}{sub-section:getWidthgetTabRelationNameAt_ret|trigger=none|class=sIndent}[NumberString] -- The width of the element in pixels.relation name{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:getWidthgetTabRelationNameAt_see|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:getWidthgetTabRelationNameAt_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:getWidthgetTabRelationNameAt_link|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:getWidthgetTabRelationNameAt_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:getWidthgetTabRelationNameAt_sam|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:getWidthgetTabRelationNameAt_sam|trigger=none}{code:language=javascript}
var wrelName = forms.customer.elements.customer_id.getWidthgetTabRelationNameAt(3);
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=isTabEnabledAtgetTabTextAt|class=node}{tr:id=name}{td}h6.isTabEnabledAtgetTabTextAt{td}{tr}{tr:id=sig}{td}{span:style=float: left; margin-right: 5px;}[BooleanString]{span}{span:id=iets|style=float: left; font-weight: bold;}isTabEnabledAtgetTabTextAt{span}{span:id=iets|style=float: left;}\(i){span}{td}{tr}{tr:id=des}{td}{sub-section:isTabEnabledAtgetTabTextAt_des|text=|trigger=button}{sub-section}{sub-section:isTabEnabledAtgetTabTextAt_des|trigger=none|class=sIndent}Returns the enabledtext statusfor of a specified tab inof a tabpanel.{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:isTabEnabledAtgetTabTextAt_snc|text=|trigger=button}{sub-section}{sub-section:isTabEnabledAtgetTabTextAt_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{tr:id=prs}{td}*Parameters*\\{sub-section:isTabEnabledAtgetTabTextAt_prs|text=|trigger=button}{sub-section}{sub-section:isTabEnabledAtgetTabTextAt_prs|trigger=none|class=sIndent}\{[Number]} i -- theThe number of the specified tab.
{sub-section}{td}{tr}{tr:id=ret}{td}*Returns*\\{sub-section:isTabEnabledAtgetTabTextAt_ret|text=|trigger=button}{sub-section}{sub-section:isTabEnabledAtgetTabTextAt_ret|trigger=none|class=sIndent}[BooleanString] -- TrueThe if tab is enabled, false otherwisetext.{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:isTabEnabledAtgetTabTextAt_see|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:isTabEnabledAtgetTabTextAt_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:isTabEnabledAtgetTabTextAt_link|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:isTabEnabledAtgetTabTextAt_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:isTabEnabledAtgetTabTextAt_sam|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:isTabEnabledAtgetTabTextAt_sam|trigger=none}{code:language=javascript}
var statustabText = forms.customer.elements.customer_id.isTabEnabledAtgetTabTextAt(3);
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=putClientPropertygetWidth|class=node}{tr:id=name}{td}h6.putClientPropertygetWidth{td}{tr}{tr:id=sig}{td}{span:style=float: left; margin-right: 5px;}void[Number]{span}{span:id=iets|style=float: left; font-weight: bold;}putClientPropertygetWidth{span}{span:id=iets|style=float: left;}\(key, value){span}{td}{tr}{tr:id=des}{td}{sub-section:putClientPropertygetWidth_des|text=|trigger=button}{sub-section}{sub-section:putClientPropertygetWidth_des|trigger=none|class=sIndent}Sets the value for the specified element client property key.

NOTE: Depending on the operating system, a user interface property name may be available.Returns the width of the current element. 

NOTE: getWidth() can be used with getHeight() to set the size of an element using the setSize function. For Example:

 //returns the width (w) and height (h)
 var w = forms.company.elements.faxBtn.getWidth();
 var h = forms.company.elements.faxBtn.getHeight();
 
 //sets the new size
 forms.company.elements.faxBtn.setSize(w,h);
 
 //sets the new size and adds 1 px to both the width and height
 forms.company.elements.faxBtn.setSize(w+1,h+1);{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:putClientPropertygetWidth_snc|text=|trigger=button}{sub-section}{sub-section:putClientPropertygetWidth_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:putClientPropertygetWidth_prs|text=|trigger=button}{sub-section}{sub-section:putClientPropertygetWidth_prs|trigger=none|class=sIndent}\{[Object]} key -- user interface key (depends on operating system)
\{[Object]} value -- a predefined value for the key
{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:putClientPropertygetWidth_ret|text=|trigger=button}{sub-section}{sub-section:putClientPropertygetWidth_ret|trigger=none|class=sIndent}void[Number] -- The width of the element in pixels.{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:putClientPropertygetWidth_see|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:putClientPropertygetWidth_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:putClientPropertygetWidth_link|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:putClientPropertygetWidth_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:putClientPropertygetWidth_sam|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:putClientPropertygetWidth_sam|trigger=none}{code:language=javascript}
var w = forms.customer.elements.customer_id.putClientProperty('ToolTipText','some text'getWidth();
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=removeAllTabsisTabEnabledAt|class=node}{tr:id=name}{td}h6.removeAllTabsisTabEnabledAt{td}{tr}{tr:id=sig}{td}{span:style=float: left; margin-right: 5px;}[Boolean]{span}{span:id=iets|style=float: left; font-weight: bold;}removeAllTabsisTabEnabledAt{span}{span:id=iets|style=float: left;}\(i){span}{td}{tr}{tr:id=des}{td}{sub-section:removeAllTabsisTabEnabledAt_des|text=|trigger=button}{sub-section}{sub-section:removeAllTabsisTabEnabledAt_des|trigger=none|class=sIndent}RemovesReturns the allenabled tabsstatus forof a specified tabpanel.{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:removeAllTabs_snc|text=|trigger=button}{sub-section}{sub-section:removeAllTabs_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:removeAllTabs_prs|text=|trigger=button}{sub-section}{sub-section:removeAllTabs_prs|trigger=none|class=sIndent}tab in a tabpanel.{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=retsnc}{td}*ReturnsSince*\\{sub-section:removeAllTabsisTabEnabledAt_retsnc|text=|trigger=button}{sub-section}{sub-section:removeAllTabsisTabEnabledAt_retsnc|trigger=none|class=sIndent}[Boolean] --Replace awith boolean value indicating if tabs were successfully removedversion info{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=seeprs}{td}*Also seeParameters*\\{sub-section:removeAllTabsisTabEnabledAt_seeprs|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:removeAllTabsisTabEnabledAt_seeprs|trigger=none|class=sIndent}\{[Number]} i -- the number of the specified tab.
{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=linkret}{td}*External linksReturns*\\{sub-section:removeAllTabsisTabEnabledAt_linkret|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:removeAllTabsisTabEnabledAt_linkret|trigger=none|class=sIndent}[Boolean] -- True if tab is enabled, false otherwise.{sub-section}{div}{td}{tr}{builder-showshow:permission=edit}{tr:id=samsee}{td}*SampleAlso see*\\{sub-section:removeAllTabsisTabEnabledAt_samsee|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:removeAllTabsisTabEnabledAt_samsee|trigger=none}{code:language=javascript}
forms.customer.elements.customer_id.removeAllTabs();
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=removeTabAt|class=nodebuilder-show}{builder-show:permission=edit}{tr:id=namelink}{td}h6.removeTabAt{td}{tr}{tr:id=sig}{td}{span:style=float: left; margin-right: 5px;}[Boolean]{span}{span:id=iets|style=float: left; font-weight: bold;}removeTabAt{span}{span:id=iets|style=float: left;}\(index){span*External links*\\{sub-section:isTabEnabledAt_link|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:isTabEnabledAt_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=dessam}{td}*Sample*\\{sub-section:removeTabAtisTabEnabledAt_dessam|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:removeTabAtisTabEnabledAt_dessam|trigger=none|class=sIndent}Removes a specified tab in a tabpanel; can be based on a relation or relationless.

NOTE: In Servoy 4.x (and higher), the addTab function applies to relationless or related tabs in a tabpanel.{sub-section}{td}{tr}{builder-show:permission=edit}{code:language=javascript}
var status = forms.customer.elements.customer_id.isTabEnabledAt(3);
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=putClientProperty|class=node}{tr:id=name}{td}h6.putClientProperty{td}{tr}{tr:id=sncsig}{td}*Since*\\{sub-section:removeTabAt_snc|text=|trigger=button}{sub-section}{sub-section:removeTabAt_snc|trigger=none|class=sIndent} Replace with version info{sub-section{span:style=float: left; margin-right: 5px;}void{span}{span:id=iets|style=float: left; font-weight: bold;}putClientProperty{span}{span:id=iets|style=float: left;}\(key, value){span}{td}{tr}{builder-show}{tr:id=prsdes}{td}*Parameters*\\{sub-section:removeTabAtputClientProperty_prsdes|text=|trigger=button}{sub-section}{sub-section:removeTabAtputClientProperty_prsdes|trigger=none|class=sIndent}index -- The index of the tab to remove.
class=sIndent}Sets the value for the specified element client property key.

NOTE: Depending on the operating system, a user interface property name may be available.{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=retsnc}{td}*ReturnsSince*\\{sub-section:removeTabAtputClientProperty_retsnc|text=|trigger=button}{sub-section}{sub-section:removeTabAtputClientProperty_retsnc|trigger=none|class=sIndent}[Boolean] --Replace awith boolean value indicating if tab was successfully removedversion info{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=seeprs}{td}*Also seeParameters*\\{sub-section:removeTabAtputClientProperty_seeprs|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:removeTabAtputClientProperty_seeprs|trigger=none|class=sIndent}\{[Object]} key -- user interface key (depends on operating system)
\{[Object]} value -- a predefined value for the key
{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=linkret}{td}*External linksReturns*\\{sub-section:removeTabAtputClientProperty_linkret|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:removeTabAtputClientProperty_linkret|trigger=none|class=sIndent}void{sub-section}{div}{td}{tr}{builder-show:permission=edit}{tr:id=samsee}{td}*SampleAlso see*\\{sub-section:removeTabAtputClientProperty_samsee|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:removeTabAtputClientProperty_samsee|trigger=none}{code:language=javascript}
forms.customer.elements.customer_id.removeTabAt(3);
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=setBorder|class=nodebuilder-show}{builder-show:permission=edit}{tr:id=namelink}{td}h6.setBorder{td}{tr}{tr:id=sig}{td}{span:style=float: left; margin-right: 5px;}void{span}{span:id=iets|style=float: left; font-weight: bold;}setBorder{span}{span:id=iets|style=float: left;}\(spec){span*External links*\\{sub-section:putClientProperty_link|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:putClientProperty_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=dessam}{td}*Sample*\\{sub-section:setBorderputClientProperty_dessam|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:setBorderputClientProperty_dessam|trigger=none|class=sIndent}Sets the border attribute(s) of a specified element. 

The border attributes:

borderType \- EmptyBorder, EtchedBorder, BevelBorder, LineBorder, TitleBorder, MatteBorder, SpecialMatteBorder.
size \- (numeric value) for: bottom, left, right, top.
color \- (hexadecimal value) for: bottom, left, right, top.
dash pattern \- (numeric value) for selected side(s).
rounding radius \- (numeric value) for selected side(s).

NOTE: Use the same value(s) and order of attribute(s) from the element design time property "borderType"}{code:language=javascript}
forms.customer.elements.customer_id.putClientProperty('ToolTipText','some text');
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=removeAllTabs|class=node}{tr:id=name}{td}h6.removeAllTabs{td}{tr}{tr:id=sig}{td}{span:style=float: left; margin-right: 5px;}[Boolean]{span}{span:id=iets|style=float: left; font-weight: bold;}removeAllTabs{span}{span:id=iets|style=float: left;}\(){span}{td}{tr}{tr:id=des}{td}{sub-section:removeAllTabs_des|text=|trigger=button}{sub-section}{sub-section:removeAllTabs_des|trigger=none|class=sIndent}Removes all tabs for a specified tabpanel.{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:setBorderremoveAllTabs_snc|text=|trigger=button}{sub-section}{sub-section:setBorderremoveAllTabs_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:setBorderremoveAllTabs_prs|text=|trigger=button}{sub-section}{sub-section:setBorderremoveAllTabs_prs|trigger=none|class=sIndent}\{[String]} spec -- the border attributes
{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:setBorderremoveAllTabs_ret|text=|trigger=button}{sub-section}{sub-section:setBorderremoveAllTabs_ret|trigger=none|class=sIndent}void[Boolean] -- a boolean value indicating if tabs were successfully removed{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:setBorderremoveAllTabs_see|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:setBorderremoveAllTabs_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:setBorderremoveAllTabs_link|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:setBorderremoveAllTabs_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:setBorderremoveAllTabs_sam|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:setBorderremoveAllTabs_sam|trigger=none}{code:language=javascript}
//sets the border type to "LineBorder"
//sets a 1 px line width for the bottom and left side of the border
//sets the hexadecimal color of the border to "#ccffcc"
var b = forms.customer.elements.customer_id.setBorder('LineBorder,1,#ccffcc'removeAllTabs();
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=setFontremoveTabAt|class=node}{tr:id=name}{td}h6.setFontremoveTabAt{td}{tr}{tr:id=sig}{td}{span:style=float: left; margin-right: 5px;}void[Boolean]{span}{span:id=iets|style=float: left; font-weight: bold;}setFontremoveTabAt{span}{span:id=iets|style=float: left;}\(specindex){span}{td}{tr}{tr:id=des}{td}{sub-section:setFontremoveTabAt_des|text=|trigger=button}{sub-section}{sub-section:setFontremoveTabAt_des|trigger=none|class=sIndent}Sets the font name, style, and size of an element. 

font name \- the name of the font family.
style \- the type of the font. (plain = 0; bold = 1; italic = 2; bold\-italic = 3).
size \- the size of the font (in points)Removes a specified tab in a tabpanel; can be based on a relation or relationless.

NOTE: In Servoy 4.x (and higher), the addTab function applies to relationless or related tabs in a tabpanel.{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:setFontremoveTabAt_snc|text=|trigger=button}{sub-section}{sub-section:setFontremoveTabAt_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{tr:id=prs}{td}*Parameters*\\{sub-section:setFontremoveTabAt_prs|text=|trigger=button}{sub-section}{sub-section:setFontremoveTabAt_prs|trigger=none|class=sIndent}\{[String]} spec index -- The index of the fonttab name, style, size
to remove.
{sub-section}{td}{tr}{tr:id=ret}{td}*Returns*\\{sub-section:setFontremoveTabAt_ret|text=|trigger=button}{sub-section}{sub-section:setFontremoveTabAt_ret|trigger=none|class=sIndent}void[Boolean] -- a boolean value indicating if tab was successfully removed{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:setFontremoveTabAt_see|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:setFontremoveTabAt_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:setFontremoveTabAt_link|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:setFontremoveTabAt_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:setFontremoveTabAt_sam|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:setFontremoveTabAt_sam|trigger=none}{code:language=javascript}
forms.customer.elements.customer_id.setFont('Tahoma,1,11'removeTabAt(3);
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=setLocation|class=node}{tr:id=name}{td}h6.setLocation{td}{tr}{tr:id=sig}{td}{span:style=float: left; margin-right: 5px;}void{span}{span:id=iets|style=float: left; font-weight: bold;}setLocation{span}{span:id=iets|style=float: left;}\(x, y){span}{td}{tr}{tr:id=des}{td}{sub-section:setLocation_des|text=|trigger=button}{sub-section}{sub-section:setLocation_des|trigger=none|class=sIndent}Sets the location of an element. It takes as input the X (horizontal) and Y (vertical) coordinates \- starting from the TOP LEFT side of the screen.

NOTE: getLocationX() can be used with getLocationY() to return the current location of an element; then use the X and Y coordinates with the setLocation function to set a new location. For Example:

 //returns the X and Y coordinates
 var x = forms.company.elements.faxBtn.getLocationX();
 var y = forms.company.elements.faxBtn.getLocationY();
 
 //sets the new location 10 px to the right; 10 px down from the current location
 forms.company.elements.faxBtn.setLocation(x+10,y+10);{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:setLocation_snc|text=|trigger=button}{sub-section}{sub-section:setLocation_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{tr:id=prs}{td}*Parameters*\\{sub-section:setLocation_prs|text=|trigger=button}{sub-section}{sub-section:setLocation_prs|trigger=none|class=sIndent}\{[Number]} x -- the X coordinate of the element in pixels.
\{[Number]} y -- the Y coordinate of the element in pixels.
{sub-section}{td}{tr}{tr:id=ret}{td}*Returns*\\{sub-section:setLocation_ret|text=|trigger=button}{sub-section}{sub-section:setLocation_ret|trigger=none|class=sIndent}void{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:setLocation_see|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:setLocation_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:setLocation_link|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:setLocation_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:setLocation_sam|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:setLocation_sam|trigger=none}{code:language=javascript}
forms.customer.elements.customer_id.setLocation(200,200);
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=setSize|class=node}{tr:id=name}{td}h6.setSize{td}{tr}{tr:id=sig}{td}{span:style=float: left; margin-right: 5px;}void{span}{span:id=iets|style=float: left; font-weight: bold;}setSize{span}{span:id=iets|style=float: left;}\(width, height){span}{td}{tr}{tr:id=des}{td}{sub-section:setSize_des|text=|trigger=button}{sub-section}{sub-section:setSize_des|trigger=none|class=sIndent}Sets the size of the field. It takes as input the width and the height. 

NOTE: getWidth() can be used with getHeight() to set the size of an element using the setSize function. For Example: 

//returns the width (w) and height (h)
var w = forms.company.elements.faxBtn.getWidth();
var h = forms.company.elements.faxBtn.getHeight();

//sets the new size
forms.company.elements.faxBtn.setSize(w,h);

//sets the new size and adds 1 px to both the width and height
forms.company.elements.faxBtn.setSize(w+1,h+1);{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:setSize_snc|text=|trigger=button}{sub-section}{sub-section:setSize_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{tr:id=prs}{td}*Parameters*\\{sub-section:setSize_prs|text=|trigger=button}{sub-section}{sub-section:setSize_prs|trigger=none|class=sIndent}\{[Number]} width -- the width of the element in pixels.
\{[Number]} height -- the height of the element in pixels.
{sub-section}{td}{tr}{tr:id=ret}{td}*Returns*\\{sub-section:setSize_ret|text=|trigger=button}{sub-section}{sub-section:setSize_ret|trigger=none|class=sIndent}void{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:setSize_see|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:setSize_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:setSize_link|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:setSize_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:setSize_sam|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:setSize_sam|trigger=none}{code:language=javascript}
forms.customer.elements.customer_id.setSize(20,30);
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=setTabEnabledAt|class=node}{tr:id=name}{td}h6.setTabEnabledAt{td}{tr}{tr:id=sig}{td}{span:style=float: left; margin-right: 5px;}void{span}{span:id=iets|style=float: left; font-weight: bold;}setTabEnabledAt{span}{span:id=iets|style=float: left;}\(i, b){span}{td}{tr}{tr:id=des}{td}{sub-section:setTabEnabledAt_des|text=|trigger=button}{sub-section}{sub-section:setTabEnabledAt_des|trigger=none|class=sIndent}Sets the status of a specified tab in a tabpanel.{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:setTabEnabledAt_snc|text=|trigger=button}{sub-section}{sub-section:setTabEnabledAt_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{tr:id=prs}{td}*Parameters*\\{sub-section:setTabEnabledAt_prs|text=|trigger=button}{sub-section}{sub-section:setTabEnabledAt_prs|trigger=none|class=sIndent}\{[Number]} i -- the number of the specified tab.
\{[Boolean]} b -- true if enabled; or false if disabled.
{sub-section}{td}{tr}{tr:id=ret}{td}*Returns*\\{sub-section:setTabEnabledAt_ret|text=|trigger=button}{sub-section}{sub-section:setTabEnabledAt_ret|trigger=none|class=sIndent}void{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:setTabEnabledAt_see|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:setTabEnabledAt_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:setTabEnabledAt_link|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:setTabEnabledAt_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:setTabEnabledAt_sam|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:setTabEnabledAt_sam|trigger=none}{code:language=javascript}
forms.customer.elements.customer_id.setTabEnabledAt(3,true);
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=setTabFGColorAt|class=node}{tr:id=name}{td}h6.setTabFGColorAt{td}{tr}{tr:id=sig}{td}{span:style=float: left; margin-right: 5px;}void{span}{span:id=iets|style=float: left; font-weight: bold;}setTabFGColorAt{span}{span:id=iets|style=float: left;}\(i, s){span}{td}{tr}{tr:id=des}{td}{sub-section:setTabFGColorAt_des|text=|trigger=button}{sub-section}{sub-section:setTabFGColorAt_des|trigger=none|class=sIndent}Sets the foreground color for a specified tab in a tabpanel.{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:setTabFGColorAt_snc|text=|trigger=button}{sub-section}{sub-section:setTabFGColorAt_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{tr:id=prs}{td}*Parameters*\\{sub-section:setTabFGColorAt_prs|text=|trigger=button}{sub-section}{sub-section:setTabFGColorAt_prs|trigger=none|class=sIndent}\{[Number]} i -- the number of the specified tab
\{[String]} s -- the hexadecimal RGB color value to be set.
{sub-section}{td}{tr}{tr:id=ret}{td}*Returns*\\{sub-section:setTabFGColorAt_ret|text=|trigger=button}{sub-section}{sub-section:setTabFGColorAt_ret|trigger=none|class=sIndent}void{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:setTabFGColorAt_see|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:setTabFGColorAt_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:setTabFGColorAt_link|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:setTabFGColorAt_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:setTabFGColorAt_sam|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:setTabFGColorAt_sam|trigger=none}{code:language=javascript}
forms.customer.elements.customer_id.setTabFGColorAt(3,'#000000');
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=setTabTextAt|class=node}{tr:id=name}{td}h6.setTabTextAt{td}{tr}{tr:id=sig}{td}{span:style=float: left; margin-right: 5px;}void{span}{span:id=iets|style=float: left; font-weight: bold;}setTabTextAt{span}{span:id=iets|style=float: left;}\(index, text){span}{td}{tr}{tr:id=des}{td}{sub-section:setTabTextAt_des|text=|trigger=button}{sub-section}{sub-section:setTabTextAt_des|trigger=none|class=sIndent}Sets the text for a specified tab in a tabpanel.{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:setTabTextAt_snc|text=|trigger=button}{sub-section}{sub-section:setTabTextAt_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{tr:id=prs}{td}*Parameters*\\{sub-section:setTabTextAt_prs|text=|trigger=button}{sub-section}{sub-section:setTabTextAt_prs|trigger=none|class=sIndent}index -- the number of the specified tab
text -- the text to be set for the specified tab
{sub-section}{td}{tr}{tr:id=ret}{td}*Returns*\\{sub-section:setTabTextAt_ret|text=|trigger=button}{sub-section}{sub-section:setTabTextAt_ret|trigger=none|class=sIndent}void{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:setTabTextAt_see|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:setTabTextAt_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:setTabTextAt_link|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:setTabTextAt_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:setTabTextAt_sam|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:setTabTextAt_sam|trigger=none}{code:language=javascript}
forms.customer.elements.customer_id.setTabTextAt(3,'newTitle');
{code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{table}