Page History

{div:style=display:none}
DO NOT EDIT THE CONTENT OF THIS PAGE DIRECTLY (EXCEPT INSIDE THE DIV BELOW WITH ID=DESCRIPTION), UNLESS YOU KNOW WHAT YOU'RE DOING.
		THE STRUCTURE OF THE CONTENT IS VITAL IN BEING ABLE TO AUTO UPDATE THE CONTENT THROUGH THE DOC GENERATOR.\\		\\		Enter additional information related to this 'class' inside the \{div} macro with 'id=description'{div}
{div:id=description}{div}\\ 

{table:id=|class=servoy sSummary}{colgroup}{column:width=80px|padding=0px}{column}{column}{column}{colgroup}{tr:style=height: 30px;}{th:colspan=2}Constants Summary{th}{tr}{tbody}{tr}{td}[Number]{td}{td}[#DEFAULT_ENCAPSULATION]
The constants to set or get the encapsulation property of a JSForm.{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#EMPTY_FOUNDSET]
Constant used for form namedFoundset property.{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#HIDE_CONTROLLER_ENCAPSULATION]
The constants to set or get the encapsulation property of a JSForm.{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#HIDE_DATAPROVIDERS_ENCAPSULATION]
The constants to set or get the encapsulation property of a JSForm.{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#HIDE_ELEMENTS_ENCAPSULATION]
The constants to set or get the encapsulation property of a JSForm.{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#HIDE_FOUNDSET_ENCAPSULATION]
The constants to set or get the encapsulation property of a JSForm.{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#LIST_VIEW]
The constants to set or get the view property of a JSForm.{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#LOCKED_LIST_VIEW]
The constants to set or get the view property of a JSForm.{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#LOCKED_RECORD_VIEW]
The constants to set or get the view property of a JSForm.{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#LOCKED_TABLE_VIEW]
The constants to set or get the view property of a JSForm.{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#MODULE_PRIVATE_ENCAPSULATION]
The constants to set or get the encapsulation property of a JSForm.{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#PRIVATE_ENCAPSULATION]
The constants to set or get the encapsulation property of a JSForm.{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#RECORD_VIEW]
The constants to set or get the view property of a JSForm.{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#SELECTION_MODE_DEFAULT]
Constant used for form selectionMode property.{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#SELECTION_MODE_MULTI]
Constant used for form selectionMode property.{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#SELECTION_MODE_SINGLE]
Constant used for form selectionMode property.{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#SEPARATE_FOUNDSET]
Constant used for form namedFoundset property.{td}{tr}{tbody}{table}\\ 

{table:id=|class=servoy sSummary}{colgroup}{column:width=80px|padding=0px}{column}{column}{column}{colgroup}{tr:style=height: 30px;}{th:colspan=2}Property Summary{th}{tr}{tbody}{tr}{td}[String]{td}{td}[#borderType]
The type, color and style of border of the component.{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#dataSource]
The names of the database server and table that this form is linked to.{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#defaultPageFormat]
The default page format for the form.{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#encapsulation]
Get or set the encapsulation level for the form.{td}{tr}{tbody}{tbody}{tr}{td}[JSForm]{td}{td}[#extendsForm]
A JSForm instance representing the super form of this form, if this form has a super form.{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#initialSort]
The default sort order only when the form loads.{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#name]
The name of the form.{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#namedFoundSet]
Property that tells the form to use a named foundset instead of the default foundset.{td}{tr}{tbody}{tbody}{tr}{td}[Object]{td}{td}[#navigator]
The navigator (previously named "controller")
that is used to control/navigate to the form.{td}{tr}{tbody}{tbody}{tr}{td}[JSMethod]{td}{td}[#onDeleteAllRecordsCmd]
The method that overrides the Servoy menu item Select > Delete All.{td}{tr}{tbody}{tbody}{tr}{td}[JSMethod]{td}{td}[#onDeleteRecordCmd]
The method that overrides the Servoy menu item Select > Delete Record (or keyboard shortcut).{td}{tr}{tbody}{tbody}{tr}{td}[JSMethod]{td}{td}[#onDrag]
The method that is triggered when (non Design Mode) dragging occurs.{td}{tr}{tbody}{tbody}{tr}{td}[JSMethod]{td}{td}[#onDragEnd]
The method that is triggered when (non Design Mode) dragging end occurs.{td}{tr}{tbody}{tbody}{tr}{td}[JSMethod]{td}{td}[#onDragOver]
The method that is triggered when (non Design Mode) dragging over a component occurs.{td}{tr}{tbody}{tbody}{tr}{td}[JSMethod]{td}{td}[#onDrop]
The method that is triggered when (non Design Mode) dropping occurs.{td}{tr}{tbody}{tbody}{tr}{td}[JSMethod]{td}{td}[#onDuplicateRecordCmd]
The method that overrides the Servoy menu item Select > Duplicate Record (or keyboard shortcut).{td}{tr}{tbody}{tbody}{tr}{td}[JSMethod]{td}{td}[#onElementFocusGained]
The method that is triggered when focus is gained by a component inside the form.{td}{tr}{tbody}{tbody}{tr}{td}[JSMethod]{td}{td}[#onElementFocusLost]
The method that gets triggered when focus is lost by a component inside the form.{td}{tr}{tbody}{tbody}{tr}{td}[JSMethod]{td}{td}[#onFindCmd]
The method that overrides the Servoy menu item Select > Find (or keyboard shortcut) in Data (ready) mode.{td}{tr}{tbody}{tbody}{tr}{td}[JSMethod]{td}{td}[#onHide]
The method that is triggered when another form is being activated.{td}{tr}{tbody}{tbody}{tr}{td}[JSMethod]{td}{td}[#onInvertRecordsCmd]
The method that overrides the Servoy menu item Select > Invert Records.{td}{tr}{tbody}{tbody}{tr}{td}[JSMethod]{td}{td}[#onLoad]
The method that is triggered when a form is loaded/reloaded from the repository; used to alter elements, set globals, hide toolbars, 
etc; onShow method can also be assigned.{td}{tr}{tbody}{tbody}{tr}{td}[JSMethod]{td}{td}[#onNewRecordCmd]
The method that overrides the Servoy menu item Select > New Record (or keyboard shortcut).{td}{tr}{tbody}{tbody}{tr}{td}[JSMethod]{td}{td}[#onNextRecordCmd]
The method that overrides the Servoy menu item Select > Next Record.{td}{tr}{tbody}{tbody}{tr}{td}[JSMethod]{td}{td}[#onOmitRecordCmd]
The method that overrides the Servoy menu item Select > Omit Record.{td}{tr}{tbody}{tbody}{tr}{td}[JSMethod]{td}{td}[#onPreviousRecordCmd]
The method that overrides the Servoy menu item Select > Previous Record.{td}{tr}{tbody}{tbody}{tr}{td}[JSMethod]{td}{td}[#onPrintPreviewCmd]
The method that overrides the Servoy menu item File > Print Preview.{td}{tr}{tbody}{tbody}{tr}{td}[JSMethod]{td}{td}[#onRecordEditStart]
The method that is triggered when a user clicks into a column on the form.{td}{tr}{tbody}{tbody}{tr}{td}[JSMethod]{td}{td}[#onRecordEditStop]
The method that is triggered when a record is being saved.{td}{tr}{tbody}{tbody}{tr}{td}[JSMethod]{td}{td}[#onRecordSelection]
The method that is triggered each time a record is selected.{td}{tr}{tbody}{tbody}{tr}{td}[JSMethod]{td}{td}[#onRender]
The method that is executed when the component is rendered.{td}{tr}{tbody}{tbody}{tr}{td}[JSMethod]{td}{td}[#onResize]
The method that gets triggered when resize occurs.{td}{tr}{tbody}{tbody}{tr}{td}[JSMethod]{td}{td}[#onSearchCmd]
The method that overrides the Servoy menu item Select > Search (or keyboard shortcut) in Find mode.{td}{tr}{tbody}{tbody}{tr}{td}[JSMethod]{td}{td}[#onShow]
The method that is triggered EVERY TIME the form is displayed; an argument must be passed to the method if this is the first time the form is displayed.{td}{tr}{tbody}{tbody}{tr}{td}[JSMethod]{td}{td}[#onShowAllRecordsCmd]
The method that overrides the Servoy menu item Select > Show All (or keyboard shortcut).{td}{tr}{tbody}{tbody}{tr}{td}[JSMethod]{td}{td}[#onShowOmittedRecordsCmd]
The method that overrides the Servoy menu item Select > Show Omitted Records.{td}{tr}{tbody}{tbody}{tr}{td}[JSMethod]{td}{td}[#onSortCmd]
The method that overrides the Servoy menu item Select > Sort.{td}{tr}{tbody}{tbody}{tr}{td}[JSMethod]{td}{td}[#onUnLoad]
The method that is triggered when a form is unloaded from the repository.{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#paperPrintScale]
The percentage value the printed page is enlarged or reduced to; the size of the printed form 
is inversely proportional.{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#scrollbars]
Scrollbar options for the vertical and horizontal scrollbars.{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#selectionMode]
Returns the value of the form's selectionMode property.{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#serverName]
Get the server name used by this form.{td}{tr}{tbody}{tbody}{tr}{td}[Boolean]{td}{td}[#showInMenu]
When set, the form is displayed under the Window menu.{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#styleClass]
The Cascading Style Sheet (CSS) class name applied to the form.{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#styleName]
The name of the Servoy style that is being used on the form.{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#tableName]
The \[name of the table/SQL view\].{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#titleText]
The text that displays in the title bar of the form window.{td}{tr}{tbody}{tbody}{tr}{td}[Boolean]{td}{td}[#transparent]
When set, the form is transparent.{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#view]
The default form view mode.{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#width]
The width of the form in pixels.{td}{tr}{tbody}{table}\\ 

{table:id=|class=servoy sSummary}{colgroup}{column:width=80px|padding=0px}{column}{column}{column}{colgroup}{tr:style=height: 30px;}{th:colspan=2}Method Summary{th}{tr}{tbody}{tr}{td}[JSBean]{td}{td}[#getBean]\(name)
Returns a JSBean that has the given name.{td}{tr}{tbody}{tbody}{tr}{td}[JSBean]\[]{td}{td}[#getBeans]\()
Returns all JSBeans of this form.{td}{tr}{tbody}{tbody}{tr}{td}[JSBean]\[]{td}{td}[#getBeans]\(returnInheritedElements)
Returns all JSBeans of this form.{td}{tr}{tbody}{tbody}{tr}{td}[JSPart]{td}{td}[#getBodyPart]\()
Retrieves the Body part of the form.{td}{tr}{tbody}{tbody}{tr}{td}[JSButton]{td}{td}[#getButton]\(name)
Returns a JSButton that has the given name.{td}{tr}{tbody}{tbody}{tr}{td}[JSButton]\[]{td}{td}[#getButtons]\()
Returns all JSButtons of this form, including the ones without a name.{td}{tr}{tbody}{tbody}{tr}{td}[JSButton]\[]{td}{td}[#getButtons]\(returnInheritedElements)
Returns all JSButtons of this form, including the ones without a name.{td}{tr}{tbody}{tbody}{tr}{td}[JSComponent]{td}{td}[#getComponent]\(name)
Returns a JSComponent that has the given name; if found it will be a JSField, JSLabel, JSButton, JSPortal, JSBean or JSTabPanel.{td}{tr}{tbody}{tbody}{tr}{td}[JSComponent]\[]{td}{td}[#getComponents]\()
Returns a array of all the JSComponents that a form has; they are of type JSField,JSLabel,JSButton,JSPortal,JSBean or JSTabPanel.{td}{tr}{tbody}{tbody}{tr}{td}[JSComponent]\[]{td}{td}[#getComponents]\(returnInheritedElements)
Returns a array of all the JSComponents that a form has; they are of type JSField,JSLabel,JSButton,JSPortal,JSBean or JSTabPanel.{td}{tr}{tbody}{tbody}{tr}{td}[Object]{td}{td}[#getDesignTimeProperty]\()
Get a design\-time property of a form.{td}{tr}{tbody}{tbody}{tr}{td}[JSField]{td}{td}[#getField]\(name)
The field with the specified name.{td}{tr}{tbody}{tbody}{tr}{td}[JSField]\[]{td}{td}[#getFields]\()
Returns all JSField objects of this form, including the ones without a name.{td}{tr}{tbody}{tbody}{tr}{td}[JSField]\[]{td}{td}[#getFields]\(returnInheritedElements)
Returns all JSField objects of this form, including the ones without a name.{td}{tr}{tbody}{tbody}{tr}{td}[JSPart]{td}{td}[#getFooterPart]\()
Retrieves the Footer part of the form.{td}{tr}{tbody}{tbody}{tr}{td}[JSPart]{td}{td}[#getHeaderPart]\()
Retrieves the Header part of the form.{td}{tr}{tbody}{tbody}{tr}{td}[JSLabel]{td}{td}[#getLabel]\(name)
Returns a JSLabel that has the given name.{td}{tr}{tbody}{tbody}{tr}{td}[JSLabel]\[]{td}{td}[#getLabels]\()
Returns all JSLabels of this form (not including its super form), including the ones without a name.{td}{tr}{tbody}{tbody}{tr}{td}[JSLabel]\[]{td}{td}[#getLabels]\(returnInheritedElements)
Returns all JSLabels of this form (optionally including it super forms labels), including the ones without a name.{td}{tr}{tbody}{tbody}{tr}{td}[JSPart]{td}{td}[#getLeadingGrandSummaryPart]\()
Retrieves the Leading Grand Summary part of the form.{td}{tr}{tbody}{tbody}{tr}{td}[JSPart]\[]{td}{td}[#getLeadingSubSummaryParts]\()
Gets an array of the Leading Subsummary parts of the form, ordered by their height from top == 0 to bottom.{td}{tr}{tbody}{tbody}{tr}{td}[JSMethod]{td}{td}[#getMethod]\(name)
Gets an existing form method for the given name.{td}{tr}{tbody}{tbody}{tr}{td}[JSMethod]\[]{td}{td}[#getMethods]\()
Returns all existing form methods for this form.{td}{tr}{tbody}{tbody}{tr}{td}[JSMethod]\[]{td}{td}[#getMethods]\(returnInheritedElements)
Returns all existing form methods for this form.{td}{tr}{tbody}{tbody}{tr}{td}[JSPart]{td}{td}[#getPart]\(type)
Gets a part of the form from the given type (see JSPart constants).{td}{tr}{tbody}{tbody}{tr}{td}[JSPart]{td}{td}[#getPart]\(type, height)
Gets a part of the form from the given type (see JSPart constants).{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#getPartYOffset]\(type)
Returns the Y offset of a given part (see JSPart) of the form.{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#getPartYOffset]\(type, height)
Returns the Y offset of a given part (see JSPart) of the form.{td}{tr}{tbody}{tbody}{tr}{td}[JSPart]\[]{td}{td}[#getParts]\()
Gets all the parts from the form (not including the parts of the parent form), ordered by there height (lowerbound) property, from top == 0 to bottom.{td}{tr}{tbody}{tbody}{tr}{td}[JSPart]\[]{td}{td}[#getParts]\(returnInheritedElements)
Gets all the parts from the form (optionally also from the parent form), ordered by there height (lowerbound) property, from top == 0 to bottom.{td}{tr}{tbody}{tbody}{tr}{td}[JSPortal]{td}{td}[#getPortal]\(name)
Returns a JSPortal that has the given name.{td}{tr}{tbody}{tbody}{tr}{td}[JSPortal]\[]{td}{td}[#getPortals]\()
Returns all JSPortal objects of this form (not including the ones from the parent form), including the ones without a name.{td}{tr}{tbody}{tbody}{tr}{td}[JSPortal]\[]{td}{td}[#getPortals]\(returnInheritedElements)
Returns all JSPortal objects of this form (optionally also the ones from the parent form), including the ones without a name.{td}{tr}{tbody}{tbody}{tr}{td}[JSTabPanel]{td}{td}[#getTabPanel]\(name)
Returns a JSTabPanel that has the given name.{td}{tr}{tbody}{tbody}{tr}{td}[JSTabPanel]\[]{td}{td}[#getTabPanels]\()
Returns all JSTabPanels of this form (not including the ones from the parent form), including the ones without a name.{td}{tr}{tbody}{tbody}{tr}{td}[JSTabPanel]\[]{td}{td}[#getTabPanels]\(returnInheritedElements)
Returns all JSTabPanels of this form (optionally the ones from the parent form), including the ones without a name.{td}{tr}{tbody}{tbody}{tr}{td}[JSPart]{td}{td}[#getTitleFooterPart]\()
Retrieves the Title Footer part of the form.{td}{tr}{tbody}{tbody}{tr}{td}[JSPart]{td}{td}[#getTitleHeaderPart]\()
Retrieves the Title Header part of the form.{td}{tr}{tbody}{tbody}{tr}{td}[JSPart]{td}{td}[#getTrailingGrandSummaryPart]\()
Retrieves the Trailing Grand Summary part of the form.{td}{tr}{tbody}{tbody}{tr}{td}[JSPart]\[]{td}{td}[#getTrailingSubSummaryParts]\()
Gets an array of the Trailing Subsummary parts of the form, ordered by their height from top == 0 to bottom.{td}{tr}{tbody}{tbody}{tr}{td}[UUID]{td}{td}[#getUUID]\()
Returns the UUID of this form.{td}{tr}{tbody}{tbody}{tr}{td}[JSVariable]{td}{td}[#getVariable]\(name)
Gets an existing form variable for the given name.{td}{tr}{tbody}{tbody}{tr}{td}[JSVariable]\[]{td}{td}[#getVariables]\()
An array consisting of all form variables for this form.{td}{tr}{tbody}{tbody}{tr}{td}[JSVariable]\[]{td}{td}[#getVariables]\(returnInheritedElements)
An array consisting of all form variables for this form.{td}{tr}{tbody}{tbody}{tr}{td}[JSBean]{td}{td}[#newBean]\(name, className, x, y, width, height)
Creates a new JSBean object on the form \- including the name of the JSBean object; the classname the JSBean object is based on, the "x" and "y" position of the JSBean object in pixels, as well as the width and height of the JSBean object in pixels.{td}{tr}{tbody}{tbody}{tr}{td}[JSButton]{td}{td}[#newButton]\(txt, x, y, width, height, action)
Creates a new button on the form with the given text, place, size and JSMethod as the onAction event triggered action.{td}{tr}{tbody}{tbody}{tr}{td}[JSField]{td}{td}[#newCalendar]\(dataprovider, x, y, width, height)
Creates a new JSField object on the form with the displayType of CALENDAR \- including the dataprovider/JSVariable of the JSField object, the "x" and "y" position of the JSField object in pixels, as well as the width and height of the JSField object in pixels.{td}{tr}{tbody}{tbody}{tr}{td}[JSField]{td}{td}[#newCheck]\(dataprovider, x, y, width, height)
Creates a new JSField object on the form with the displayType of CHECK (checkbox) \- including the dataprovider/JSVariable of the JSField object, the "x" and "y" position of the JSField object in pixels, as well as the width and height of the JSField object in pixels.{td}{tr}{tbody}{tbody}{tr}{td}[JSField]{td}{td}[#newComboBox]\(dataprovider, x, y, width, height)
Creates a new JSField object on the form with the displayType of COMBOBOX \- including the dataprovider/JSVariable of the JSField object, the "x" and "y" position of the JSField object in pixels, as well as the width and height of the JSField object in pixels.{td}{tr}{tbody}{tbody}{tr}{td}[JSField]{td}{td}[#newField]\(dataprovider, type, x, y, width, height)
Creates a new JSField object on the form \- including the dataprovider/JSVariable of the JSField object, the "x" and "y" position of the JSField object in pixels, as well as the width and height of the JSField object in pixels.{td}{tr}{tbody}{tbody}{tr}{td}[JSPart]{td}{td}[#newFooterPart]\(height)
Creates a new Footer part on the form.{td}{tr}{tbody}{tbody}{tr}{td}[JSPart]{td}{td}[#newHeaderPart]\(height)
Creates a new Header part on the form.{td}{tr}{tbody}{tbody}{tr}{td}[JSField]{td}{td}[#newHtmlArea]\(dataprovider, x, y, width, height)
Creates a new JSField object on the form with the displayType of HTML\_AREA \- including the dataprovider/JSVariable of the JSField object, the "x" and "y" position of the JSField object in pixels, as well as the width and height of the JSField object in pixels.{td}{tr}{tbody}{tbody}{tr}{td}[JSField]{td}{td}[#newImageMedia]\(dataprovider, x, y, width, height)
Creates a new JSField object on the form with the displayType of IMAGE\_MEDIA \- including the dataprovider/JSVariable of the JSField object, the "x" and "y" position of the JSField object in pixels, as well as the width and height of the JSField object in pixels.{td}{tr}{tbody}{tbody}{tr}{td}[JSLabel]{td}{td}[#newLabel]\(txt, x, y, width, height)
Creates a new JSLabel object on the form \- including the text of the label, the "x" and "y" position of the label object in pixels, the width and height of the label object in pixels.{td}{tr}{tbody}{tbody}{tr}{td}[JSLabel]{td}{td}[#newLabel]\(txt, x, y, width, height, action)
Creates a new JSLabel object on the form \- including the text of the label, the "x" and "y" position of the label object in pixels, the width and height of the label object in pixels and a JSMethod action such as the method for an onAction event.{td}{tr}{tbody}{tbody}{tr}{td}[JSPart]{td}{td}[#newLeadingGrandSummaryPart]\(height)
Creates a new Leading Grand Summary part on the form.{td}{tr}{tbody}{tbody}{tr}{td}[JSPart]{td}{td}[#newLeadingSubSummaryPart]\(height)
Creates a new Leading Subsummary part on the form.{td}{tr}{tbody}{tbody}{tr}{td}[JSField]{td}{td}[#newListBox]\(dataprovider, x, y, width, height)
Creates a new JSField object on the form with the displayType of LISTBOX \- including the dataprovider/JSVariable of the JSField object, the "x" and "y" position of the JSField object in pixels, as well as the width and height of the JSField object in pixels.{td}{tr}{tbody}{tbody}{tr}{td}[JSMethod]{td}{td}[#newMethod]\(code)
Creates a new form JSMethod \- based on the specified code.{td}{tr}{tbody}{tbody}{tr}{td}[JSField]{td}{td}[#newMultiSelectListBox]\(dataprovider, x, y, width, height)
Creates a new JSField object on the form with the displayType of MULTISELECT\_LISTBOX \- including the dataprovider/JSVariable of the JSField object, the "x" and "y" position of the JSField object in pixels, as well as the width and height of the JSField object in pixels.{td}{tr}{tbody}{tbody}{tr}{td}[JSPart]{td}{td}[#newPart]\(type, height)
Creates a new part on the form.{td}{tr}{tbody}{tbody}{tr}{td}[JSField]{td}{td}[#newPassword]\(dataprovider, x, y, width, height)
Creates a new JSField object on the form with the displayType of PASSWORD \- including the dataprovider/JSVariable of the JSField object, the "x" and "y" position of the JSField object in pixels, as well as the width and height of the JSField object in pixels.{td}{tr}{tbody}{tbody}{tr}{td}[JSPortal]{td}{td}[#newPortal]\(name, relation, x, y, width, height)
Creates a new JSPortal object on the form \- including the name of the JSPortal object; the relation the JSPortal object is based on, the "x" and "y" position of the JSPortal object in pixels, as well as the width and height of the JSPortal object in pixels.{td}{tr}{tbody}{tbody}{tr}{td}[JSField]{td}{td}[#newRadios]\(dataprovider, x, y, width, height)
Creates a new JSField object on the form with the displayType of RADIOS (radio buttons) \- including the dataprovider/JSVariable of the JSField object, the "x" and "y" position of the JSField object in pixels, as well as the width and height of the JSField object in pixels.{td}{tr}{tbody}{tbody}{tr}{td}[JSField]{td}{td}[#newRtfArea]\(dataprovider, x, y, width, height)
Creates a new JSField object on the form with the displayType of RTF\_AREA (enables more than one line of text to be displayed in a field) \- including the dataprovider/JSVariable of the JSField object, the "x" and "y" position of the JSField object in pixels, as well as the width and height of the JSField object in pixels.{td}{tr}{tbody}{tbody}{tr}{td}[JSField]{td}{td}[#newSpinner]\(dataprovider, x, y, width, height)
Creates a new JSField object on the form with the displayType of SPINNER \- including the dataprovider/JSVariable of the JSField object, the "x" and "y" position of the JSField object in pixels, as well as the width and height of the JSField object in pixels.{td}{tr}{tbody}{tbody}{tr}{td}[JSTabPanel]{td}{td}[#newTabPanel]\(name, x, y, width, height)
Creates a new JSTabPanel object on the form \- including the name of the JSTabPanel object, the "x" and "y" position of the JSTabPanel object in pixels, as well as the width and height of the JSTabPanel object in pixels.{td}{tr}{tbody}{tbody}{tr}{td}[JSField]{td}{td}[#newTextArea]\(dataprovider, x, y, width, height)
Creates a new JSField object on the form with the displayType of TEXT\_AREA \- including the dataprovider/JSVariable of the JSField object, the "x" and "y" position of the JSField object in pixels, as well as the width and height of the JSField object in pixels.{td}{tr}{tbody}{tbody}{tr}{td}[JSField]{td}{td}[#newTextField]\(dataprovider, x, y, width, height)
Creates a new JSField object on the form with the displayType of TEXT\_FIELD \- including the dataprovider/JSVariable of the JSField object, the "x" and "y" position of the JSField object in pixels, as well as the width and height of the JSField object in pixels.{td}{tr}{tbody}{tbody}{tr}{td}[JSPart]{td}{td}[#newTitleFooterPart]\(height)
Creates a new Title Footer part on the form.{td}{tr}{tbody}{tbody}{tr}{td}[JSPart]{td}{td}[#newTitleHeaderPart]\(height)
Creates a new Title Header part on the form.{td}{tr}{tbody}{tbody}{tr}{td}[JSPart]{td}{td}[#newTrailingGrandSummaryPart]\(height)
Creates a new Trailing Grand Summary part on the form.{td}{tr}{tbody}{tbody}{tr}{td}[JSPart]{td}{td}[#newTrailingSubSummaryPart]\(height)
Creates a new Trailing Subsummary part on the form.{td}{tr}{tbody}{tbody}{tr}{td}[JSField]{td}{td}[#newTypeAhead]\(dataprovider, x, y, width, height)
Creates a new JSField object on the form with the displayType of TYPE\_AHEAD \- including the dataprovider/JSVariable of the JSField object, the "x" and "y" position of the JSField object in pixels, as well as the width and height of the JSField object in pixels.{td}{tr}{tbody}{tbody}{tr}{td}[JSVariable]{td}{td}[#newVariable]\(name, type)
Creates a new form JSVariable \- based on the name of the variable object and the number type, uses the SolutionModel JSVariable constants.{td}{tr}{tbody}{tbody}{tr}{td}[JSVariable]{td}{td}[#newVariable]\(name, type, defaultValue)
Creates a new form JSVariable \- based on the name of the variable object , the  type  and it's default value , uses the SolutionModel JSVariable constants.{td}{tr}{tbody}{tbody}{tr}{td}[Object]{td}{td}[#putDesignTimeProperty]\()
Set a design\-time property of a form.{td}{tr}{tbody}{tbody}{tr}{td}[Boolean]{td}{td}[#removeBean]\(name)
Removes a JSBean that has the specified name.{td}{tr}{tbody}{tbody}{tr}{td}[Boolean]{td}{td}[#removeButton]\(name)
Removes a JSButton that has the specified name.{td}{tr}{tbody}{tbody}{tr}{td}[Boolean]{td}{td}[#removeComponent]\(name)
Removes a component (JSLabel, JSButton, JSField, JSPortal, JSBean, JSTabpanel) that has the given name.{td}{tr}{tbody}{tbody}{tr}{td}[Object]{td}{td}[#removeDesignTimeProperty]\()
Clear a design\-time property of a form.{td}{tr}{tbody}{tbody}{tr}{td}[Boolean]{td}{td}[#removeField]\(name)
Removes a JSField that has the given name.{td}{tr}{tbody}{tbody}{tr}{td}[Boolean]{td}{td}[#removeLabel]\(name)
Removes a JSLabel that has the given name.{td}{tr}{tbody}{tbody}{tr}{td}[Boolean]{td}{td}[#removeMethod]\(name)
Removes a  form JSMethod \- based on the specified code.{td}{tr}{tbody}{tbody}{tr}{td}[Boolean]{td}{td}[#removePart]\(type)
Removes a JSPart of the given type.{td}{tr}{tbody}{tbody}{tr}{td}[Boolean]{td}{td}[#removePart]\(type, height)
Removes a JSPart of the given type.{td}{tr}{tbody}{tbody}{tr}{td}[Boolean]{td}{td}[#removePortal]\(name)
Removes a JSPortal that has the given name.{td}{tr}{tbody}{tbody}{tr}{td}[Boolean]{td}{td}[#removeTabPanel]\(name)
Removes a JSTabPanel that has the given name.{td}{tr}{tbody}{tbody}{tr}{td}[Boolean]{td}{td}[#removeVariable]\(name)
Removes a form JSVariable \- based on the name of the variable object.{td}{tr}{tbody}{table}\\ 

{table:id=constant|class=servoy sDetail}{colgroup}{column:width=100%|padding=0px}{column}{colgroup}{tr:style=height: 30px;}{th:colspan=1}Constants Details{th}{tr}{tbody:id=DEFAULT_ENCAPSULATION}{tr:id=name}{td}h6.DEFAULT_ENCAPSULATION{td}{tr}{tr:id=des}{td}{div:class=sIndent}The constants to set or get the encapsulation property of a JSForm. 
They are as follows: JSForm.DEFAULT\_ENCAPSULATION, JSForm.PRIVATE\_ENCAPSULATION, JSForm.MODULE\_PRIVATE\_ENCAPSULATION, JSForm.HIDE\_DATAPROVIDERS\_ENCAPSULATION, JSForm.HIDE\_FOUNDSET\_ENCAPSULATION, JSForm.HIDE\_CONTROLLER\_ENCAPSULATION, JSForm.HIDE\_ELEMENTS\_ENCAPSULATION{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[Number]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var myDefaultForm = solutionModel.newForm('newForm1', myDatasource, myStyleName, false, 800, 600);
myDefaultForm.encapsulation = JSForm.DEFAULT_ENCAPSULATION;

var myPrivateForm = solutionModel.newForm('newForm2', myDatasource, myStyleName, false, 800, 600);
myPrivateForm.encapsulation = JSForm.PRIVATE_ENCAPSULATION;

var myModulePrivateForm = solutionModel.newForm('newForm3', myDatasource, myStyleName, false, 800, 600);
myModulePrivateForm.encapsulation = JSForm.MODULE_PRIVATE_ENCAPSULATION;

var myHideDataprovidersForm = solutionModel.newForm('newForm4', myDatasource, myStyleName, false, 800, 600);
myHideDataprovidersForm.encapsulation = JSForm.HIDE_DATAPROVIDERS_ENCAPSULATION;

var myHideFoundsetForm = solutionModel.newForm('newForm5', myDatasource, myStyleName, false, 800, 600);
myHideFoundsetForm.encapsulation = JSForm.HIDE_FOUNDSET_ENCAPSULATION;

var myHideControllerForm = solutionModel.newForm('newForm6', myDatasource, myStyleName, false, 800, 600);
myHideControllerForm.encapsulation = JSForm.HIDE_CONTROLLER_ENCAPSULATION;

var myHideElementsForm = solutionModel.newForm('newForm7', myDatasource, myStyleName, false, 800, 600);
myHideElementsForm.encapsulation = JSForm.HIDE_ELEMENTS_ENCAPSULATION;
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=EMPTY_FOUNDSET}{tr:id=name}{td}h6.EMPTY_FOUNDSET{td}{tr}{tr:id=des}{td}{div:class=sIndent}Constant used for form namedFoundset property. The form that uses empty namedFoundset will initially have an empty (cleared) foundset.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[String]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
// form with empty foundset
var frmEmpty = solutionModel.newForm('products_empty', 'example_data', 'products', null, true, 640, 480);
frmEmpty.newLabel("Empty FoundSet",10,10,200,20);
frmEmpty.newField('categoryid',JSField.TEXT_FIELD,10,40,200,20);
frmEmpty.newField('productname',JSField.TEXT_FIELD,10,70,200,20);
frmEmpty.namedFoundSet = JSForm.EMPTY_FOUNDSET;
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=HIDE_CONTROLLER_ENCAPSULATION}{tr:id=name}{td}h6.HIDE_CONTROLLER_ENCAPSULATION{td}{tr}{tr:id=retdes}{td}*Returns*\\{div:class=sIndent}[Number]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var myDefaultForm = solutionModel.newForm('newForm1', myDatasource, myStyleNameThe constants to set or get the encapsulation property of a JSForm. 
They are as follows: JSForm.DEFAULT\_ENCAPSULATION, JSForm.PRIVATE\_ENCAPSULATION, JSForm.MODULE\_PRIVATE\_ENCAPSULATION, JSForm.HIDE\_DATAPROVIDERS\_ENCAPSULATION, JSForm.HIDE\_FOUNDSET\_ENCAPSULATION, JSForm.HIDE\_CONTROLLER\_ENCAPSULATION, JSForm.HIDE\_ELEMENTS\_ENCAPSULATION{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[Number]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var myDefaultForm = solutionModel.newForm('newForm1', myDatasource, myStyleName, false, 800, 600);
myDefaultForm.encapsulation = JSForm.DEFAULT_ENCAPSULATION;

var myPrivateForm = solutionModel.newForm('newForm2', myDatasource, myStyleName, false, 800, 600);
myPrivateForm.encapsulation = JSForm.PRIVATE_ENCAPSULATION;

var myModulePrivateForm = solutionModel.newForm('newForm3', myDatasource, myStyleName, false, 800, 600);
myModulePrivateForm.encapsulation = JSForm.MODULE_PRIVATE_ENCAPSULATION;

var myHideDataprovidersForm = solutionModel.newForm('newForm4', myDatasource, myStyleName, false, 800, 600);
myHideDataprovidersForm.encapsulation = JSForm.HIDE_DATAPROVIDERS_ENCAPSULATION;

var myHideFoundsetForm = solutionModel.newForm('newForm5', myDatasource, myStyleName, false, 800, 600);
myHideFoundsetForm.encapsulation = JSForm.HIDE_FOUNDSET_ENCAPSULATION;

var myHideControllerForm = solutionModel.newForm('newForm6', myDatasource, myStyleName, false, 800, 600);
myHideControllerForm.encapsulation = JSForm.HIDE_CONTROLLER_ENCAPSULATION;

var myHideElementsForm = solutionModel.newForm('newForm7', myDatasource, myStyleName, false, 800, 600);
myHideElementsForm.encapsulation = JSForm.HIDE_ELEMENTS_ENCAPSULATION;
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=HIDE_DATAPROVIDERS_ENCAPSULATION}{tr:id=name}{td}h6.HIDE_DATAPROVIDERS_ENCAPSULATION{td}{tr}{tr:id=retdes}{td}*Returns*\\{div:class=sIndent}[Number]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var myDefaultForm = solutionModel.newForm('newForm1', myDatasource, myStyleName, false, 800, 600);
myDefaultForm.The constants to set or get the encapsulation property of a JSForm. 
They are as follows: JSForm.DEFAULT\_ENCAPSULATION, JSForm.PRIVATE\_ENCAPSULATION, JSForm.MODULE\_PRIVATE\_ENCAPSULATION, JSForm.HIDE\_DATAPROVIDERS\_ENCAPSULATION, JSForm.HIDE\_FOUNDSET\_ENCAPSULATION, JSForm.HIDE\_CONTROLLER\_ENCAPSULATION, JSForm.HIDE\_ELEMENTS\_ENCAPSULATION{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[Number]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var myDefaultForm = solutionModel.newForm('newForm1', myDatasource, myStyleName, false, 800, 600);
myDefaultForm.encapsulation = JSForm.DEFAULT_ENCAPSULATION;

var myPrivateForm = solutionModel.newForm('newForm2', myDatasource, myStyleName, false, 800, 600);
myPrivateForm.encapsulation = JSForm.PRIVATE_ENCAPSULATION;

var myModulePrivateForm = solutionModel.newForm('newForm3', myDatasource, myStyleName, false, 800, 600);
myModulePrivateForm.encapsulation = JSForm.MODULE_PRIVATE_ENCAPSULATION;

var myHideDataprovidersForm = solutionModel.newForm('newForm4', myDatasource, myStyleName, false, 800, 600);
myHideDataprovidersForm.encapsulation = JSForm.HIDE_DATAPROVIDERS_ENCAPSULATION;

var myHideFoundsetForm = solutionModel.newForm('newForm5', myDatasource, myStyleName, false, 800, 600);
myHideFoundsetForm.encapsulation = JSForm.HIDE_FOUNDSET_ENCAPSULATION;

var myHideControllerForm = solutionModel.newForm('newForm6', myDatasource, myStyleName, false, 800, 600);
myHideControllerForm.encapsulation = JSForm.HIDE_CONTROLLER_ENCAPSULATION;

var myHideElementsForm = solutionModel.newForm('newForm7', myDatasource, myStyleName, false, 800, 600);
myHideElementsForm.encapsulation = JSForm.HIDE_ELEMENTS_ENCAPSULATION;
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=HIDE_ELEMENTS_ENCAPSULATION}{tr:id=name}{td}h6.HIDE_ELEMENTS_ENCAPSULATION{td}{tr}{tr:id=retdes}{td}*Returns*\\{div:class=sIndent}[Number]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var myDefaultForm = solutionModel.newForm('newForm1', myDatasource, myStyleName, false, 800, 600The constants to set or get the encapsulation property of a JSForm. 
They are as follows: JSForm.DEFAULT\_ENCAPSULATION, JSForm.PRIVATE\_ENCAPSULATION, JSForm.MODULE\_PRIVATE\_ENCAPSULATION, JSForm.HIDE\_DATAPROVIDERS\_ENCAPSULATION, JSForm.HIDE\_FOUNDSET\_ENCAPSULATION, JSForm.HIDE\_CONTROLLER\_ENCAPSULATION, JSForm.HIDE\_ELEMENTS\_ENCAPSULATION{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[Number]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var myDefaultForm = solutionModel.newForm('newForm1', myDatasource, myStyleName, false, 800, 600);
myDefaultForm.encapsulation = JSForm.DEFAULT_ENCAPSULATION;

var myPrivateForm = solutionModel.newForm('newForm2', myDatasource, myStyleName, false, 800, 600);
myPrivateForm.encapsulation = JSForm.PRIVATE_ENCAPSULATION;

var myModulePrivateForm = solutionModel.newForm('newForm3', myDatasource, myStyleName, false, 800, 600);
myModulePrivateForm.encapsulation = JSForm.MODULE_PRIVATE_ENCAPSULATION;

var myHideDataprovidersForm = solutionModel.newForm('newForm4', myDatasource, myStyleName, false, 800, 600);
myHideDataprovidersForm.encapsulation = JSForm.HIDE_DATAPROVIDERS_ENCAPSULATION;

var myHideFoundsetForm = solutionModel.newForm('newForm5', myDatasource, myStyleName, false, 800, 600);
myHideFoundsetForm.encapsulation = JSForm.HIDE_FOUNDSET_ENCAPSULATION;

var myHideControllerForm = solutionModel.newForm('newForm6', myDatasource, myStyleName, false, 800, 600);
myHideControllerForm.encapsulation = JSForm.HIDE_CONTROLLER_ENCAPSULATION;

var myHideElementsForm = solutionModel.newForm('newForm7', myDatasource, myStyleName, false, 800, 600);
myHideElementsForm.encapsulation = JSForm.HIDE_ELEMENTS_ENCAPSULATION;
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=HIDE_FOUNDSET_ENCAPSULATION}{tr:id=name}{td}h6.HIDE_FOUNDSET_ENCAPSULATION{td}{tr}{tr:id=retdes}{td}*Returns*\\{div:class=sIndent}[Number]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var myDefaultForm = solutionModel.newForm('newForm1', myDatasource, myStyleName, false, 800, 600);
myDefaultForm.The constants to set or get the encapsulation property of a JSForm. 
They are as follows: JSForm.DEFAULT\_ENCAPSULATION, JSForm.PRIVATE\_ENCAPSULATION, JSForm.MODULE\_PRIVATE\_ENCAPSULATION, JSForm.HIDE\_DATAPROVIDERS\_ENCAPSULATION, JSForm.HIDE\_FOUNDSET\_ENCAPSULATION, JSForm.HIDE\_CONTROLLER\_ENCAPSULATION, JSForm.HIDE\_ELEMENTS\_ENCAPSULATION{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[Number]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var myDefaultForm = solutionModel.newForm('newForm1', myDatasource, myStyleName, false, 800, 600);
myDefaultForm.encapsulation = JSForm.DEFAULT_ENCAPSULATION;

var myPrivateForm = solutionModel.newForm('newForm2', myDatasource, myStyleName, false, 800, 600);
myPrivateForm.encapsulation = JSForm.PRIVATE_ENCAPSULATION;

var myModulePrivateForm = solutionModel.newForm('newForm3', myDatasource, myStyleName, false, 800, 600);
myModulePrivateForm.encapsulation = JSForm.MODULE_PRIVATE_ENCAPSULATION;

var myHideDataprovidersForm = solutionModel.newForm('newForm4', myDatasource, myStyleName, false, 800, 600);
myHideDataprovidersForm.encapsulation = JSForm.HIDE_DATAPROVIDERS_ENCAPSULATION;

var myHideFoundsetForm = solutionModel.newForm('newForm5', myDatasource, myStyleName, false, 800, 600);
myHideFoundsetForm.encapsulation = JSForm.HIDE_FOUNDSET_ENCAPSULATION;

var myHideControllerForm = solutionModel.newForm('newForm6', myDatasource, myStyleName, false, 800, 600);
myHideControllerForm.encapsulation = JSForm.HIDE_CONTROLLER_ENCAPSULATION;

var myHideElementsForm = solutionModel.newForm('newForm7', myDatasource, myStyleName, false, 800, 600);
myHideElementsForm.encapsulation = JSForm.HIDE_ELEMENTS_ENCAPSULATION;
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=LIST_VIEW}{tr:id=name}{td}h6.LIST_VIEW{td}{tr}{tr:id=retdes}{td}*Returns*\\{div:class=sIndent}[Number]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var myListViewForm = solutionModel.newForm('newForm1', myDatasource, myStyleName, false, 800, 600);
myListViewForm.view = JSForm.LIST_VIEW;

var myLockedListViewForm = solutionModel.newForm('newForm2', myDatasource, myStyleName, false, 800, 600);	
myLockedListViewForm.view = JSForm.LOCKED_LIST_VIEW;

var myLockedRecordViewForm = solutionModel.newForm('newForm3', myDatasource, myStyleName, false, 800, 600);
myLockedRecordViewForm.view = JSForm.LOCKED_RECORD_VIEW;

var myLockedTableViewForm = solutionModel.newForm('newForm4', myDatasource, myStyleName, false, 800, 600);
myLockedTableViewForm.view = JSForm.LOCKED_TABLE_VIEW;

var myRecordViewForm = solutionModel.newForm('newForm5', myDatasource, myStyleName, false, 800, 600);
myRecordViewForm.view = JSForm.RECORD_VIEW;
{code}The constants to set or get the view property of a JSForm. 
They are as follows: JSForm.LIST\_VIEW, JSForm.LOCKED\_LIST\_VIEW, JSForm.LOCKED\_RECORD\_VIEW, JSForm.LOCKED\_TABLE\_VIEW, JSForm.RECORD\_VIEW.{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=LOCKED_LIST_VIEW}{tr:id=name}{td}h6.LOCKED_LIST_VIEW{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[Number]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var myListViewForm = solutionModel.newForm('newForm1', myDatasource, myStyleName, false, 800, 600);
myListViewForm.view = JSForm.LIST_VIEW;

var myLockedListViewForm = solutionModel.newForm('newForm2', myDatasource, myStyleName, false, 800, 600);	
myLockedListViewForm.view = JSForm.LOCKED_LIST_VIEW;

var myLockedRecordViewForm = solutionModel.newForm('newForm3', myDatasource, myStyleName, false, 800, 600);
myLockedRecordViewForm.view = JSForm.LOCKED_RECORD_VIEW;

var myLockedTableViewForm = solutionModel.newForm('newForm4', myDatasource, myStyleName, false, 800, 600);
myLockedTableViewForm.view = JSForm.LOCKED_TABLE_VIEW;

var myRecordViewForm = solutionModel.newForm('newForm5', myDatasource, myStyleName, false, 800, 600);
myRecordViewForm.view = JSForm.RECORD_VIEW;
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=LOCKED_RECORDLIST_VIEW}{tr:id=name}{td}h6.LOCKED_RECORDLIST_VIEW{td}{tr}{tr:id=retdes}{td}*Returns*\\{div:class=sIndent}[Number]{div}{td}{The constants to set or get the view property of a JSForm. 
They are as follows: JSForm.LIST\_VIEW, JSForm.LOCKED\_LIST\_VIEW, JSForm.LOCKED\_RECORD\_VIEW, JSForm.LOCKED\_TABLE\_VIEW, JSForm.RECORD\_VIEW.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[Number]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var myListViewForm = solutionModel.newForm('newForm1', myDatasource, myStyleName, false, 800, 600);
myListViewForm.view = JSForm.LIST_VIEW;

var myLockedListViewForm = solutionModel.newForm('newForm2', myDatasource, myStyleName, false, 800, 600);	
myLockedListViewForm.view = JSForm.LOCKED_LIST_VIEW;

var myLockedRecordViewForm = solutionModel.newForm('newForm3', myDatasource, myStyleName, false, 800, 600);
myLockedRecordViewForm.view = JSForm.LOCKED_RECORD_VIEW;

var myLockedTableViewForm = solutionModel.newForm('newForm4', myDatasource, myStyleName, false, 800, 600);
myLockedTableViewForm.view = JSForm.LOCKED_TABLE_VIEW;

var myRecordViewForm = solutionModel.newForm('newForm5', myDatasource, myStyleName, false, 800, 600);
myRecordViewForm.view = JSForm.RECORD_VIEW;
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=LOCKED_TABLERECORD_VIEW}{tr:id=name}{td}h6.LOCKED_RECORD_VIEW{td}{tr}{tr:id=des}{td}{div:class=sIndent}The constants to set or get the view property of a JSForm. 
They are as follows: JSForm.LIST\_VIEW, JSForm.LOCKED\_LIST\_VIEW, JSForm.LOCKED\_RECORD\_VIEW, JSForm.LOCKED\_TABLE\_VIEW, JSForm.RECORD\_VIEW.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[Number]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var myListViewForm = solutionModel.newForm('newForm1', myDatasource, myStyleName, false, 800, 600);
myListViewForm.view = JSForm.LIST_VIEW;

var myLockedListViewForm = solutionModel.newForm('newForm2', myDatasource, myStyleName, false, 800, 600);	
myLockedListViewForm.view = JSForm.LOCKED_LIST_VIEW;

var myLockedRecordViewForm = solutionModel.newForm('newForm3', myDatasource, myStyleName, false, 800, 600);
myLockedRecordViewForm.view = JSForm.LOCKED_RECORD_VIEW;

var myLockedTableViewForm = solutionModel.newForm('newForm4', myDatasource, myStyleName, false, 800, 600);
myLockedTableViewForm.view = JSForm.LOCKED_TABLE_VIEW;

var myRecordViewForm = solutionModel.newForm('newForm5', myDatasource, myStyleName, false, 800, 600);
myRecordViewForm.view = JSForm.RECORD_VIEW;
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=MODULELOCKED_PRIVATETABLE_ENCAPSULATIONVIEW}{tr:id=name}{td}h6.MODULELOCKED_PRIVATETABLE_ENCAPSULATIONVIEW{td}{tr}{tr:id=retdes}{td}*Returns*\\{div:class=sIndent}[Number]{div}{td}{tr}{The constants to set or get the view property of a JSForm. 
They are as follows: JSForm.LIST\_VIEW, JSForm.LOCKED\_LIST\_VIEW, JSForm.LOCKED\_RECORD\_VIEW, JSForm.LOCKED\_TABLE\_VIEW, JSForm.RECORD\_VIEW.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[Number]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var myDefaultFormmyListViewForm = solutionModel.newForm('newForm1', myDatasource, myStyleName, false, 800, 600);
myDefaultFormmyListViewForm.encapsulationview = JSForm.DEFAULTLIST_ENCAPSULATIONVIEW;

var myPrivateFormmyLockedListViewForm = solutionModel.newForm('newForm2', myDatasource, myStyleName, false, 800, 600);	
myPrivateFormmyLockedListViewForm.encapsulationview = JSForm.PRIVATELOCKED_LIST_ENCAPSULATIONVIEW;

var myModulePrivateFormmyLockedRecordViewForm = solutionModel.newForm('newForm3', myDatasource, myStyleName, false, 800, 600);
myModulePrivateFormmyLockedRecordViewForm.encapsulationview = JSForm.MODULELOCKED_PRIVATERECORD_ENCAPSULATIONVIEW;

var myHideDataprovidersFormmyLockedTableViewForm = solutionModel.newForm('newForm4', myDatasource, myStyleName, false, 800, 600);
myHideDataprovidersFormmyLockedTableViewForm.encapsulationview = JSForm.HIDELOCKED_DATAPROVIDERSTABLE_ENCAPSULATIONVIEW;

var myHideFoundsetFormmyRecordViewForm = solutionModel.newForm('newForm5', myDatasource, myStyleName, false, 800, 600);
myHideFoundsetFormmyRecordViewForm.encapsulationview = JSForm.HIDERECORD_FOUNDSET_ENCAPSULATION;

var myHideControllerForm = solutionModel.newForm('newForm6', myDatasource, myStyleName, false, 800, 600);
myHideControllerForm.encapsulation = JSForm.HIDE_CONTROLLER_ENCAPSULATION;

var myHideElementsForm = solutionModel.newForm('newForm7', myDatasource, myStyleName, false, 800, 600);
myHideElementsForm.encapsulation = JSForm.HIDE_ELEMENTS_ENCAPSULATION;
VIEW;
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=MODULE_PRIVATE_ENCAPSULATION}{tr:id=name}{td}h6.MODULE_PRIVATE_ENCAPSULATION{td}{tr}{tr:id=des}{td}{div:class=sIndent}The constants to set or get the encapsulation property of a JSForm. 
They are as follows: JSForm.DEFAULT\_ENCAPSULATION, JSForm.PRIVATE\_ENCAPSULATION, JSForm.MODULE\_PRIVATE\_ENCAPSULATION, JSForm.HIDE\_DATAPROVIDERS\_ENCAPSULATION, JSForm.HIDE\_FOUNDSET\_ENCAPSULATION, JSForm.HIDE\_CONTROLLER\_ENCAPSULATION, JSForm.HIDE\_ELEMENTS\_ENCAPSULATION{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[Number]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var myDefaultForm = solutionModel.newForm('newForm1', myDatasource, myStyleName, false, 800, 600);
myDefaultForm.encapsulation = JSForm.DEFAULT_ENCAPSULATION;

var myPrivateForm = solutionModel.newForm('newForm2', myDatasource, myStyleName, false, 800, 600);
myPrivateForm.encapsulation = JSForm.PRIVATE_ENCAPSULATION;

var myModulePrivateForm = solutionModel.newForm('newForm3', myDatasource, myStyleName, false, 800, 600);
myModulePrivateForm.encapsulation = JSForm.MODULE_PRIVATE_ENCAPSULATION;

var myHideDataprovidersForm = solutionModel.newForm('newForm4', myDatasource, myStyleName, false, 800, 600);
myHideDataprovidersForm.encapsulation = JSForm.HIDE_DATAPROVIDERS_ENCAPSULATION;

var myHideFoundsetForm = solutionModel.newForm('newForm5', myDatasource, myStyleName, false, 800, 600);
myHideFoundsetForm.encapsulation = JSForm.HIDE_FOUNDSET_ENCAPSULATION;

var myHideControllerForm = solutionModel.newForm('newForm6', myDatasource, myStyleName, false, 800, 600);
myHideControllerForm.encapsulation = JSForm.HIDE_CONTROLLER_ENCAPSULATION;

var myHideElementsForm = solutionModel.newForm('newForm7', myDatasource, myStyleName, false, 800, 600);
myHideElementsForm.encapsulation = JSForm.HIDE_ELEMENTS_ENCAPSULATION;
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=RECORDPRIVATE_VIEWENCAPSULATION}{tr:id=name}{td}h6.RECORDPRIVATE_VIEWENCAPSULATION{td}{tr}{tr:id=retdes}{td}*Returns*\\{div:class=sIndent}[Number]The constants to set or get the encapsulation property of a JSForm. 
They are as follows: JSForm.DEFAULT\_ENCAPSULATION, JSForm.PRIVATE\_ENCAPSULATION, JSForm.MODULE\_PRIVATE\_ENCAPSULATION, JSForm.HIDE\_DATAPROVIDERS\_ENCAPSULATION, JSForm.HIDE\_FOUNDSET\_ENCAPSULATION, JSForm.HIDE\_CONTROLLER\_ENCAPSULATION, JSForm.HIDE\_ELEMENTS\_ENCAPSULATION{div}{td}{tr}{tr:id=samret}{td}*SampleReturns*\\{div:class=sIndent}{code:[Number]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var myListViewFormmyDefaultForm = solutionModel.newForm('newForm1', myDatasource, myStyleName, false, 800, 600);
myListViewFormmyDefaultForm.viewencapsulation = JSForm.LISTDEFAULT_VIEWENCAPSULATION;

var myLockedListViewFormmyPrivateForm = solutionModel.newForm('newForm2', myDatasource, myStyleName, false, 800, 600);	
myLockedListViewFormmyPrivateForm.viewencapsulation = JSForm.LOCKEDPRIVATE_LIST_VIEWENCAPSULATION;

var myLockedRecordViewFormmyModulePrivateForm = solutionModel.newForm('newForm3', myDatasource, myStyleName, false, 800, 600);
myLockedRecordViewFormmyModulePrivateForm.viewencapsulation = JSForm.LOCKEDMODULE_RECORDPRIVATE_VIEWENCAPSULATION;

var myLockedTableViewFormmyHideDataprovidersForm = solutionModel.newForm('newForm4', myDatasource, myStyleName, false, 800, 600);
myLockedTableViewFormmyHideDataprovidersForm.viewencapsulation = JSForm.LOCKEDHIDE_TABLEDATAPROVIDERS_VIEWENCAPSULATION;

var myRecordViewFormmyHideFoundsetForm = solutionModel.newForm('newForm5', myDatasource, myStyleName, false, 800, 600);
myHideFoundsetForm.encapsulation = JSForm.HIDE_FOUNDSET_ENCAPSULATION;

var myHideControllerForm = solutionModel.newForm('newForm6', myDatasource, myStyleName, false, 800, 600);
myHideControllerForm.encapsulation = JSForm.HIDE_CONTROLLER_ENCAPSULATION;

var myHideElementsForm = solutionModel.newForm('newForm7', myDatasource, myStyleName, false, 800, 600);
myRecordViewFormmyHideElementsForm.viewencapsulation = JSForm.RECORDHIDE_ELEMENTS_VIEWENCAPSULATION;
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=SELECTIONRECORD_MODE_DEFAULTVIEW}{tr:id=name}{td}h6.SELECTIONRECORD_MODE_DEFAULTVIEW{td}{tr}{tr:id=retdes}{td}*Returns*\\{div:class=sIndent}[Number]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var myForm = solutionModel.getForm('my_form_name');
myForm.selectionMode = JSForm.SELECTION_MODE_DEFAULT;
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=SELECTION_MODE_MULTI}{tr:id=name}{td}h6.SELECTION_MODE_MULTIThe constants to set or get the view property of a JSForm. 
They are as follows: JSForm.LIST\_VIEW, JSForm.LOCKED\_LIST\_VIEW, JSForm.LOCKED\_RECORD\_VIEW, JSForm.LOCKED\_TABLE\_VIEW, JSForm.RECORD\_VIEW.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[Number]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var myFormmyListViewForm = solutionModel.getFormnewForm('my_form_name'newForm1', myDatasource, myStyleName, false, 800, 600);
myFormmyListViewForm.selectionModeview = JSForm.SELECTIONLIST_MODE_MULTIVIEW;
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=SELECTION_MODE_SINGLE}{tr:id=name}{td}h6.SELECTION_MODE_SINGLE{td}{tr}{tr:id=

var myLockedListViewForm = solutionModel.newForm('newForm2', myDatasource, myStyleName, false, 800, 600);	
myLockedListViewForm.view = JSForm.LOCKED_LIST_VIEW;

var myLockedRecordViewForm = solutionModel.newForm('newForm3', myDatasource, myStyleName, false, 800, 600);
myLockedRecordViewForm.view = JSForm.LOCKED_RECORD_VIEW;

var myLockedTableViewForm = solutionModel.newForm('newForm4', myDatasource, myStyleName, false, 800, 600);
myLockedTableViewForm.view = JSForm.LOCKED_TABLE_VIEW;

var myRecordViewForm = solutionModel.newForm('newForm5', myDatasource, myStyleName, false, 800, 600);
myRecordViewForm.view = JSForm.RECORD_VIEW;
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=SELECTION_MODE_DEFAULT}{tr:id=name}{td}h6.SELECTION_MODE_DEFAULT{td}{tr}{tr:id=des}{td}{div:class=sIndent}Constant used for form selectionMode property. It means that the foundset's multiSelect property is used.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[Number]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var myForm = solutionModel.getForm('my_form_name');
myForm.selectionMode = JSForm.SELECTION_MODE_SINGLEDEFAULT;
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=SEPARATESELECTION_MODE_FOUNDSETMULTI}{tr:id=name}{td}h6.SEPARATESELECTION_MODE_FOUNDSETMULTI{td}{tr}{tr:id=retdes}{td}*Returns*\\{div:class=sIndent}[StringConstant used for form selectionMode property. It means that the form will force multiSelect to true on the foundset it uses.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[Number]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
// form with separate foundset
var frmSeparatemyForm = solutionModel.newFormgetForm('products_separate', 'example_data', 'products', null, true, 640, 480my_form_name');
frmSeparate.newLabel("Separate FoundSet",10,10,200,20);
frmSeparate.newField('categoryid',JSField.TEXT_FIELD,10,40,200,20);
frmSeparate.newField('productname',JSField.TEXT_FIELD,10,70,200,20);
frmSeparate.namedFoundSet myForm.selectionMode = JSForm.SEPARATE_FOUNDSET;
forms['products_separate'].controller.find();
forms['products_separate'].categoryid = '=2';
forms['products_separate'].controller.search()SELECTION_MODE_MULTI;
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{table}\\ 

{table:id=property|class=servoy sDetail}{colgroup}{column:width=100%|padding=0px}{column}{colgrouptbody:id=SELECTION_MODE_SINGLE}{tr:id=name}{td}h6.SELECTION_MODE_SINGLE{td}{tr}{tr:style=height: 30px;}{th:colspan=1}Property Details{th}{tr}{tbody:id=borderType}{tr:id=name}{td}h6.borderType{td}id=des}{td}{div:class=sIndent}Constant used for form selectionMode property. It means that the form will force multiSelect to false on the foundset it uses.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[StringNumber]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
//HINT: To know exactly the notation of this property set it in the designer and then
read it once out through the solution model.
var fieldmyForm = formsolutionModel.newFieldgetForm('my_tableform_text', JSField.TEXT_FIELD, 10, 10, 100, 20name');
fieldmyForm.borderTypeselectionMode = solutionModel.createLineBorder(1,'#ff0000')JSForm.SELECTION_MODE_SINGLE;
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=dataSourceSEPARATE_FOUNDSET}{tr:id=name}{td}h6.dataSourceSEPARATE_FOUNDSET{td}{tr}{tr:id=retdes}{td}*Returns*\\{div:class=sIndent}[String]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var myForm = solutionModel.newForm('newForm', 'db:/a_server/a_table', 'aStyleName', false, 800, 600)
myForm.dataSource = 'db:/anotherServerName/anotherTableName'
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=defaultPageFormat}{tr:id=name}{td}h6.defaultPageFormat{td}{Constant used for form namedFoundset property. The form that uses a separate namedFoundset will initially have an separate (not shared with other forms) foundset.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[String]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
// form with separate foundset
var formfrmSeparate = solutionModel.getForm("someForm");
application.output(form.defaultPageFormat);
form.defaultPageFormat = solutionModel.createPageFormat(612,792,72,72,72,72,SM_ORIENTATION.PORTRAIT,SM_UNITS.PIXELS)
newForm('products_separate', 'example_data', 'products', null, true, 640, 480);
frmSeparate.newLabel("Separate FoundSet",10,10,200,20);
frmSeparate.newField('categoryid',JSField.TEXT_FIELD,10,40,200,20);
frmSeparate.newField('productname',JSField.TEXT_FIELD,10,70,200,20);
frmSeparate.namedFoundSet = JSForm.SEPARATE_FOUNDSET;
forms['products_separate'].controller.find();
forms['products_separate'].categoryid = '=2';
forms['products_separate'].controller.search();
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbodytable}\\ 

{table:id=encapsulationproperty|class=servoy sDetail}{colgroup}{column:width=100%|padding=0px}{column}{colgroup}{tr:id=name}{td}h6.encapsulation{tdstyle=height: 30px;}{th:colspan=1}Property Details{th}{tr}{trtbody:id=retborderType}{td}*Returns*\\{div:class=sIndent}[Number]{div}tr:id=name}{td}h6.borderType{td}{tr}{tr:id=samdes}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var myForm = solutionModel.newForm('newForm1', myDatasource, null, true, 800, 600);
myForm.encapsulation = JSForm.HIDE_CONTROLLER_ENCAPSULATION;
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=extendsForm}{tr:id=name}{td}h6.extendsForm{The type, color and style of border of the component.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSFormString]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var subForm = solutionModel.newForm('childForm',myDatasource,null,true,800,600);
var superForm = solutionModel.newForm('childForm',myDatasource,null,true,800,600);
subForm.extendsForm = superForm//HINT: To know exactly the notation of this property set it in the designer and then read it once out through the solution model.
var field = form.newField('my_table_text', JSField.TEXT_FIELD, 10, 10, 100, 20);
field.borderType = solutionModel.createLineBorder(1,'#ff0000');
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=initialSortdataSource}{tr:id=name}{td}h6.initialSort.dataSource{td}{tr}{tr:id=des}{td}{div:class=sIndent}The names of the database server and table that this form is linked to.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[String]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var formmyForm = solutionModel.newForm('myFormnewForm',myDatasource,null,true,800,600);
form.initialSort = "column1 desc, column2 asc, column3 asc";
 'db:/a_server/a_table', 'aStyleName', false, 800, 600)
myForm.dataSource = 'db:/anotherServerName/anotherTableName'
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=namedefaultPageFormat}{tr:id=name}{td}h6.name.defaultPageFormat{td}{tr}{tr:id=des}{td}{div:class=sIndent}The default page format for the form.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[String]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var form = solutionModel.newForm('myForm',myDatasource,null,true,800,600);
var formName = form.name;
application.output(formName);getForm("someForm");
application.output(form.defaultPageFormat);
form.defaultPageFormat = solutionModel.createPageFormat(612,792,72,72,72,72,SM_ORIENTATION.PORTRAIT,SM_UNITS.PIXELS)
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=namedFoundSetencapsulation}{tr:id=name}{td}h6.namedFoundSet.encapsulation{td}{tr}{tr:id=des}{td}{div:class=sIndent}Get or set the encapsulation level for the form.

Encapsulation is one of constants JSForm.DEFAULT\_ENCAPSULATION, JSForm.PRIVATE\_ENCAPSULATION, JSForm.MODULE\_PRIVATE\_ENCAPSULATION,
JSForm.HIDE\_DATAPROVIDERS\_ENCAPSULATION, JSForm.HIDE\_FOUNDSET\_ENCAPSULATION, JSForm.HIDE\_CONTROLLER\_ENCAPSULATION or JSForm.HIDE\_ELEMENTS\_ENCAPSULATION{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[StringNumber]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
// form with separate foundset
var frmSeparatemyForm = solutionModel.newForm('products_separatenewForm1', 'db:/example_data/products'myDatasource, null, true, 640800, 480600);
frmSeparate.newLabel("Separate FoundSet",10,10,200,20);
frmSeparate.newField('categoryid',JSField.TEXT_FIELD,10,40,200,20);
frmSeparate.newField('productname',JSField.TEXT_FIELD,10,70,200,20);
frmSeparate.namedFoundSet = JSForm.SEPARATE_FOUNDSET;
forms['products_separate'].controller.find();
forms['products_separate'].categoryid = '=2';
forms['products_separate'].controller.search();

// form with empty foundset
var frmEmptymyForm.encapsulation = JSForm.HIDE_CONTROLLER_ENCAPSULATION;
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=extendsForm}{tr:id=name}{td}h6.extendsForm{td}{tr}{tr:id=des}{td}{div:class=sIndent}A JSForm instance representing the super form of this form, if this form has a super form.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSForm]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var subForm = solutionModel.newForm('products_emptychildForm', 'db:/example_data/products', ,myDatasource,null, true, 640800, 480600);
frmEmpty.newLabel("Empty FoundSet",10,10,200,20);
frmEmpty.newField('categoryid',JSField.TEXT_FIELD,10,40,200,20);
frmEmpty.newField('productname',JSField.TEXT_FIELD,10,70,200,20);
frmEmpty.namedFoundSet = JSForm.EMPTY_FOUNDSET;

// form with an initial foundset based on a global relation
var frmGlobalRel = solutionModel.newForm("categories_related", solutionModel.getForm("categories"));
frmGlobalRel.namedFoundSet = "g2_to_category_name";
 
// form with an initial foundset based on a global relation
var frmGlobalRel = solutionModel.newForm("categories_related", solutionModel.getForm("categories"));
frmGlobalRel.namedFoundSet = solutionModel.getRelation("g1_to_categories");
var superForm = solutionModel.newForm('childForm',myDatasource,null,true,800,600);
subForm.extendsForm = superForm;
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=navigatorinitialSort}{tr:id=name}{td}h6.navigatorinitialSort{td}{tr}{tr:id=retdes}{td}*Returns*\\{div:class=sIndent}[Object]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var aForm = solutionModel.newForm('newForm1', myDatasource, null, true, 800, 600);
// you can also use SM_DEFAULTS.INGORE to just reuse the navigator that is already set, or SM_DEFAULTS.DEFAULT to have the default servoy navigator.
// here we assign an other new form as the navigator.
var aNavigator = solutionModel.newForm('navForm', myDatasource, null, false, 800, 600);
// set the navigators navigator to NONE
aNavigator.navigator = SM_DEFAULTS.NONE; // Hide the navigator on the form. 
myListViewForm.navigator = aNavigator;
application.output(myListViewForm.navigator.name);
{code}The default sort order only when the form loads.
This is applied each time an internal SQL query is being executed (find, find\-all, open form); and is only executed when no other manual sort has been performed on the foundset.{div}{td}{tr}{tr:classid=lastDetailRowret}{td}{td}{tr}{tbody}{tbody:id=onDeleteAllRecordsCmd*Returns*\\{div:class=sIndent}[String]{div}{td}{tr}{tr:id=namesam}{td}h6.onDeleteAllRecordsCmd{td}{tr}{tr:id=ret}{td}*Returns**Sample*\\{div:class=sIndent}[JSMethod]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
form.onNewRecordCmd =var form.newMethod('function onNewRecordCmd(event) { application.output("onNewRecordCmd intercepted on " + event.getFormName()); }');
form.onDuplicateRecordCmd = form.newMethod('function onDuplicateRecordCmd(event) { application.output("onDuplicateRecordCmd intercepted on " + event.getFormName()); }'= solutionModel.newForm('myForm',myDatasource,null,true,800,600);
form.onDeleteRecordCmdinitialSort = form.newMethod('function onDeleteRecordCmd(event) { application.output("onDeleteRecordCmd intercepted on " + event.getFormName()); }');
form.onDeleteAllRecordsCmd = form.newMethod('function onDeleteAllRecordsCmd(event) { application.output("onDeleteAllRecordsCmd intercepted on " + event.getFormName()); }');
"column1 desc, column2 asc, column3 asc";
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=onDeleteRecordCmdname}{tr:id=name}{td}h6.onDeleteRecordCmdname{td}{tr}{tr:id=retdes}{td}*Returns*\\{div:class=sIndent}[JSMethod]{div}{The name of the form.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[String]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var form.onNewRecordCmd = formsolutionModel.newMethod('function onNewRecordCmd(event) { application.output("onNewRecordCmd intercepted on " + event.getFormName()); }');
form.onDuplicateRecordCmd = form.newMethod('function onDuplicateRecordCmd(event) { application.output("onDuplicateRecordCmd intercepted on " + event.getFormName()); }');
form.onDeleteRecordCmd = form.newMethod('function onDeleteRecordCmd(event) { application.output("onDeleteRecordCmd intercepted on " + event.getFormName()); }');
form.onDeleteAllRecordsCmd = form.newMethod('function onDeleteAllRecordsCmd(event) { application.output("onDeleteAllRecordsCmd intercepted on " + event.getFormName()); }'newForm('myForm',myDatasource,null,true,800,600);
var formName = form.name;
application.output(formName);
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=onDragnamedFoundSet}{tr:id=name}{td}h6.onDragnamedFoundSet{td}{tr}{tr:id=retdes}{td}*Returns*\\{div:class=sIndent}[JSMethod]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
form.onDrag = form.newMethod('function onDrag(event) { application.output("onDrag intercepted from " + event.getSource()); }');
form.onDragEnd = form.newMethod('function onDragEnd(event) { application.output("onDragEnd intercepted from " + event.getSource()); }');
form.onDragOver = form.newMethod('function onDragOver(event) { application.output("onDragOver intercepted from " + event.getSource()); }');
form.onDrop = form.newMethod('function onDrop(event) { application.output("onDrop intercepted from " + event.getSource()); }');
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=onDragEnd}{tr:id=name}{td}h6.onDragEnd{Property that tells the form to use a named foundset instead of the default foundset.
When JSForm.SEPARATE\_FOUNDSET is specified the form will always create a copy of assigned foundset and therefore become separated from other foundsets.
When JSForm.EMPTY\_FOUNDSET, the form will have an initially empty foundset.

The namedFoundset can be based on a global relation; in this case namedFoundset is the relation's name.
You can also set the namedFoundset to a JSRelation object directly.
It will tell this form to initially load a global relation based foundset.
The global relation's foreign datasource must match the form's datasource.
Do not use relations named "empty" or "separate" to avoid confusions.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSMethodString]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
form.onDrag =// form.newMethod('function onDrag(event) { application.output("onDrag intercepted from " + event.getSource()); }');
form.onDragEnd = form.newMethod('function onDragEnd(event) { application.output("onDragEnd intercepted from " + event.getSource()); }');
form.onDragOver = form.newMethod('function onDragOver(event) { application.output("onDragOver intercepted from " + event.getSource()); }');
form.onDrop = form.newMethod('function onDrop(event) { application.output("onDrop intercepted from " + event.getSource()); }');
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=onDragOver}{tr:id=name}{td}h6.onDragOver{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSMethod]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
form.onDrag = form.newMethod('function onDrag(event) { application.output("onDrag intercepted from " + event.getSource()); }');
form.onDragEnd = form.newMethod('function onDragEnd(event) { application.output("onDragEnd intercepted from " + event.getSource()); }');
form.onDragOver = form.newMethod('function onDragOver(event) { application.output("onDragOver intercepted from " + event.getSource()); }');
form.onDrop = form.newMethod('function onDrop(event) { application.output("onDrop intercepted from " + event.getSource()); }' with separate foundset
var frmSeparate = solutionModel.newForm('products_separate', 'db:/example_data/products', null, true, 640, 480);
frmSeparate.newLabel("Separate FoundSet",10,10,200,20);
frmSeparate.newField('categoryid',JSField.TEXT_FIELD,10,40,200,20);
frmSeparate.newField('productname',JSField.TEXT_FIELD,10,70,200,20);
frmSeparate.namedFoundSet = JSForm.SEPARATE_FOUNDSET;
forms['products_separate'].controller.find();
forms['products_separate'].categoryid = '=2';
forms['products_separate'].controller.search();

// form with empty foundset
var frmEmpty = solutionModel.newForm('products_empty', 'db:/example_data/products', null, true, 640, 480);
frmEmpty.newLabel("Empty FoundSet",10,10,200,20);
frmEmpty.newField('categoryid',JSField.TEXT_FIELD,10,40,200,20);
frmEmpty.newField('productname',JSField.TEXT_FIELD,10,70,200,20);
frmEmpty.namedFoundSet = JSForm.EMPTY_FOUNDSET;

// form with an initial foundset based on a global relation
var frmGlobalRel = solutionModel.newForm("categories_related", solutionModel.getForm("categories"));
frmGlobalRel.namedFoundSet = "g2_to_category_name";
 
// form with an initial foundset based on a global relation
var frmGlobalRel = solutionModel.newForm("categories_related", solutionModel.getForm("categories"));
frmGlobalRel.namedFoundSet = solutionModel.getRelation("g1_to_categories");
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=onDropnavigator}{tr:id=name}{td}h6.onDrop.navigator{td}{tr}{tr:id=des}{td}{div:class=sIndent}The navigator (previously named "controller")
that is used to control/navigate to the form. The navigator is shown at
the left or at the right side of the form, depending on the page orientation. 

The following options are available: 
\-none\- \- no navigator is assigned. 
DEFAULT \- the Servoy default navigator is assigned. 
IGNORE \- the navigator last assigned to a previous form. 
Custom \- a custom navigator based on a selected form.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSMethodObject]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
form.onDragvar aForm = formsolutionModel.newMethodnewForm('function onDrag(event) { application.output("onDrag intercepted from " + event.getSource()); }');
form.onDragEnd = form.newMethod('function onDragEnd(event) { application.output("onDragEnd intercepted from " + event.getSource()); }');
form.onDragOver = form.newMethod('function onDragOver(event) { application.output("onDragOver intercepted from " + event.getSource()); }');
form.onDrop = form.newMethod('function onDrop(event) { application.output("onDrop intercepted from " + event.getSource()); }''newForm1', myDatasource, null, true, 800, 600);
// you can also use SM_DEFAULTS.INGORE to just reuse the navigator that is already set, or SM_DEFAULTS.DEFAULT to have the default servoy navigator.
// here we assign an other new form as the navigator.
var aNavigator = solutionModel.newForm('navForm', myDatasource, null, false, 800, 600);
// set the navigators navigator to NONE
aNavigator.navigator = SM_DEFAULTS.NONE; // Hide the navigator on the form. 
myListViewForm.navigator = aNavigator;
application.output(myListViewForm.navigator.name);
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=onDuplicateRecordCmdonDeleteAllRecordsCmd}{tr:id=name}{td}h6.onDuplicateRecordCmdonDeleteAllRecordsCmd{td}{tr}{tr:id=retdes}{td}*Returns*\\{div:class=sIndent}[JSMethod]{div}{td}{tr}{tr:id=sam}{td}*The method that overrides the Servoy menu item Select > Delete All. 
This property is automatically set to "DEFAULT" (no override) when the form is created.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSMethod]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
form.onNewRecordCmd = form.newMethod('function onNewRecordCmd(event) { application.output("onNewRecordCmd intercepted on " + event.getFormName()); }');
form.onDuplicateRecordCmd = form.newMethod('function onDuplicateRecordCmd(event) { application.output("onDuplicateRecordCmd intercepted on " + event.getFormName()); }');
form.onDeleteRecordCmd = form.newMethod('function onDeleteRecordCmd(event) { application.output("onDeleteRecordCmd intercepted on " + event.getFormName()); }');
form.onDeleteAllRecordsCmd = form.newMethod('function onDeleteAllRecordsCmd(event) { application.output("onDeleteAllRecordsCmd intercepted on " + event.getFormName()); }');
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=onElementFocusGainedonDeleteRecordCmd}{tr:id=name}{td}h6.onElementFocusGained.onDeleteRecordCmd{td}{tr}{tr:id=des}{td}{div:class=sIndent}The method that overrides the Servoy menu item Select > Delete Record (or keyboard shortcut). 
This property is automatically set to "DEFAULT" (no override) when the form is created.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSMethod]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
form.onElementFocusGainedonNewRecordCmd = form.newMethod('function onElementFocusGainedonNewRecordCmd(event) { application.output("onElementFocusGainedonNewRecordCmd intercepted fromon " + event.getSourcegetFormName()); }');
form.onElementFocusLostonDuplicateRecordCmd = form.newMethod('function onElementFocusLostonDuplicateRecordCmd(event) { application.output("onElementFocusLostonDuplicateRecordCmd intercepted fromon " + event.getSourcegetFormName()); }');
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=onElementFocusLost}{tr:id=name}{td}h6.onElementFocusLost{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSMethod]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
form.onElementFocusGained = form.newMethod('function onElementFocusGained(event) { application.output("onElementFocusGained intercepted from " + event.getSource()); }');
form.onElementFocusLostform.onDeleteRecordCmd = form.newMethod('function onDeleteRecordCmd(event) { application.output("onDeleteRecordCmd intercepted on " + event.getFormName()); }');
form.onDeleteAllRecordsCmd = form.newMethod('function onElementFocusLostonDeleteAllRecordsCmd(event) { application.output("onElementFocusLostonDeleteAllRecordsCmd intercepted fromon " + event.getSourcegetFormName()); }');
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=onFindCmdonDrag}{tr:id=name}{td}h6.onFindCmdonDrag{td}{tr}{tr:id=des}{td}{div:class=sIndent}The method that is triggered when (non Design Mode) dragging occurs.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSMethod]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
form.onFindCmdonDrag = form.newMethod('function onFindCmdonDrag(event) { application.output("onFindCmdonDrag intercepted onfrom " + event.getFormNamegetSource()); }');
form.onSearchCmdonDragEnd = form.newMethod('function onSearchCmdonDragEnd(event) { application.output("onSearchCmdonDragEnd intercepted onfrom " + event.getFormNamegetSource()); }');
form.onShowAllRecordsCmdonDragOver = form.newMethod('function onShowAllRecordsCmdonDragOver(event) { application.output("onShowAllRecordsCmdonDragOver intercepted onfrom " + event.getFormNamegetSource()); }');
{code}{div}{td}{tr}{trform.onDrop = form.newMethod('function onDrop(event) { application.output("onDrop intercepted from " + event.getSource()); }');
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=onHideonDragEnd}{tr:id=name}{td}h6.onHideonDragEnd{td}{tr}{tr:id=des}{td}{div:class=sIndent}The method that is triggered when (non Design Mode) dragging end occurs.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSMethod]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
form.onShowonDrag = form.newMethod('function onShowonDrag(firstShow, event) { application.output("onShowonDrag intercepted onfrom " + event.getFormName() + ". first show?getSource()); }');
form.onDragEnd = form.newMethod('function onDragEnd(event) { application.output("onDragEnd intercepted from " + firstShow); return false event.getSource()); }');
form.onDragOver = form.newMethod('function onDragOver(event) { application.output("onDragOver intercepted from " + event.getSource()); }');
form.onHideonDrop = form.newMethod('function onHideonDrop(event) { application.output("onHideonDrop blockedintercepted onfrom " + event.getFormNamegetSource()); return false; }');
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=onInvertRecordsCmdonDragOver}{tr:id=name}{td}h6.onInvertRecordsCmdonDragOver{td}{tr}{tr:id=retdes}{td}*Returns*\\{div:class=sIndent}[JSMethod]The method that is triggered when (non Design Mode) dragging over a component occurs.{div}{td}{tr}{tr:id=samret}{td}*SampleReturns*\\{div:class=sIndent}{[JSMethod]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
form.onOmitRecordCmdonDrag = form.newMethod('function onDrag(event) { application.output("onDrag intercepted from " + event.getSource()); }');
form.onDragEnd = form.newMethod('function onOmitRecordCmdonDragEnd(event) { application.output("onOmitRecordCmdonDragEnd intercepted onfrom " + event.getFormNamegetSource()); }');
form.onShowOmittedRecordsCmdonDragOver = form.newMethod('function onShowOmittedRecordsCmdonDragOver(event) { application.output("onShowOmittedRecordsCmdonDragOver intercepted onfrom " + event.getFormNamegetSource()); }');
form.onInvertRecordsCmdonDrop = form.newMethod('function onInvertRecordsCmdonDrop(event) { application.output("onInvertRecordsCmdonDrop intercepted onfrom " + event.getFormNamegetSource()); }');
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=onLoadonDrop}{tr:id=name}{td}h6.onLoad.onDrop{td}{tr}{tr:id=des}{td}{div:class=sIndent}The method that is triggered when (non Design Mode) dropping occurs.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSMethod]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
form.onLoadonDrag = form.newMethod('function onLoadonDrag(event) { application.output("onLoadonDrag intercepted onfrom " + event.getFormNamegetSource()); }');
form.onUnLoadonDragEnd = form.newMethod('function onUnLoadonDragEnd(event) { application.output("onUnLoadonDragEnd intercepted onfrom " + event.getFormNamegetSource()); }');
form.onDragOver = form.newMethod('function {code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{onDragOver(event) { application.output("onDragOver intercepted from " + event.getSource()); }');
form.onDrop = form.newMethod('function onDrop(event) { application.output("onDrop intercepted from " + event.getSource()); }');
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=onNewRecordCmdonDuplicateRecordCmd}{tr:id=name}{td}h6.onNewRecordCmd.onDuplicateRecordCmd{td}{tr}{tr:id=des}{td}{div:class=sIndent}The method that overrides the Servoy menu item Select > Duplicate Record (or keyboard shortcut).
This property is automatically set to "DEFAULT" (no override) when the form is created.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSMethod]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
form.onNewRecordCmd = form.newMethod('function onNewRecordCmd(event) { application.output("onNewRecordCmd intercepted on " + event.getFormName()); }');
form.onDuplicateRecordCmd = form.newMethod('function onDuplicateRecordCmd(event) { application.output("onDuplicateRecordCmd intercepted on " + event.getFormName()); }');
form.onDeleteRecordCmd = form.newMethod('function onDeleteRecordCmd(event) { application.output("onDeleteRecordCmd intercepted on " + event.getFormName()); }');
form.onDeleteAllRecordsCmd = form.newMethod('function onDeleteAllRecordsCmd(event) { application.output("onDeleteAllRecordsCmd intercepted on " + event.getFormName()); }');
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=onNextRecordCmdonElementFocusGained}{tr:id=name}{td}h6.onNextRecordCmdonElementFocusGained{td}{tr}{tr:id=des}{td}{div:class=sIndent}The method that is triggered when focus is gained by a component inside the form.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSMethod]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
form.onPreviousRecordCmdonElementFocusGained = form.newMethod('function onPreviousRecordCmdonElementFocusGained(event) { application.output("onPreviousRecordCmdonElementFocusGained intercepted onfrom " + event.getFormNamegetSource()); }');
form.onNextRecordCmdonElementFocusLost = form.newMethod('function onNextRecordCmdonElementFocusLost(event) { application.output("onNextRecordCmdonElementFocusLost intercepted onfrom " + event.getFormNamegetSource()); }');
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=onOmitRecordCmdonElementFocusLost}{tr:id=name}{td}h6.onOmitRecordCmdonElementFocusLost{td}{tr}{tr:id=retdes}{td}*Returns*\\{div:class=sIndent}[JSMethod]{div}{td}{tr}{tr:id=The method that gets triggered when focus is lost by a component inside the form.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSMethod]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
form.onOmitRecordCmdonElementFocusGained = form.newMethod('function onOmitRecordCmdonElementFocusGained(event) { application.output("onOmitRecordCmdonElementFocusGained intercepted onfrom " + event.getFormNamegetSource()); }');
form.onShowOmittedRecordsCmdonElementFocusLost = form.newMethod('function onShowOmittedRecordsCmdonElementFocusLost(event) { application.output("onShowOmittedRecordsCmdonElementFocusLost intercepted onfrom " + event.getFormName()); }');
form.onInvertRecordsCmd = form.newMethod('function onInvertRecordsCmd(event) { application.output("onInvertRecordsCmd intercepted on " + event.getFormName()getSource()); }');
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=onPreviousRecordCmdonFindCmd}{tr:id=name}{td}h6.onPreviousRecordCmd.onFindCmd{td}{tr}{tr:id=des}{td}{div:class=sIndent}The method that overrides the Servoy menu item Select > Find (or keyboard shortcut) in Data (ready) mode. 
This property is automatically set to "DEFAULT" (no override) when the form is created.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSMethod]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
form.onPreviousRecordCmdonFindCmd = form.newMethod('function onPreviousRecordCmdonFindCmd(event) { application.output("onPreviousRecordCmdonFindCmd intercepted on " + event.getFormName()); }');
form.onNextRecordCmdonSearchCmd = form.newMethod('function onNextRecordCmdonSearchCmd(event) { application.output("onNextRecordCmdonSearchCmd intercepted on " + event.getFormName()); }');
form.onShowAllRecordsCmd {code}= form.newMethod('function onShowAllRecordsCmd(event) { application.output("onShowAllRecordsCmd intercepted on " + event.getFormName()); }');
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=onPrintPreviewCmdonHide}{tr:id=name}{td}h6.onPrintPreviewCmd.onHide{td}{tr}{tr:id=des}{td}{div:class=sIndent}The method that is triggered when another form is being activated. 
NOTE: If the onHide method returns false, the form can be prevented from hiding. 
For example, when using onHide with showFormInDialog, the form will not close by clicking the dialog close box (X).{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSMethod]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
form.onPrintPreviewCmdonShow = form.newMethod('function onPrintPreviewCmdonShow(firstShow, event) { application.output("onPrintPreviewCmdonShow intercepted on " + event.getFormName() + ". first show? " + firstShow); return false; }');
form.onHide = form.newMethod('function onHide(event) { application.output("onHide blocked on " + event.getFormName()); return false; }');
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=onRecordEditStartonInvertRecordsCmd}{tr:id=name}{td}h6.onRecordEditStartonInvertRecordsCmd{td}{tr}{tr:id=retdes}{td}*Returns*\\{div:class=sIndent}[JSMethod]{div}{The method that overrides the Servoy menu item Select > Invert Records. 
This property is automatically set to "DEFAULT" (no override) when the form is created.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSMethod]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
form.onRecordEditStartonOmitRecordCmd = form.newMethod('function onRecordEditStartonOmitRecordCmd(event) { application.output("onRecordEditStartonOmitRecordCmd intercepted on " + event.getFormName()); }');
form.onRecordEditStoponShowOmittedRecordsCmd = form.newMethod('function onRecordEditStoponShowOmittedRecordsCmd(record, event) { application.output("onRecordEditStoponShowOmittedRecordsCmd intercepted on " + event.getFormName() + ". record is: " + record); }');
form.onRecordSelectiononInvertRecordsCmd = form.newMethod('function onRecordSelectiononInvertRecordsCmd(event) { application.output("onRecordSelectiononInvertRecordsCmd intercepted on " + event.getFormName()); }');
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=onRecordEditStoponLoad}{tr:id=name}{td}h6.onRecordEditStoponLoad{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSMethod]{divdes}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
form.onRecordEditStart = form.newMethod('function onRecordEditStart(event) { application.output("onRecordEditStart intercepted on " + event.getFormName()); }');
form.onRecordEditStop = form.newMethod('function onRecordEditStop(record, event) { application.output("onRecordEditStop intercepted on " + event.getFormName() + ". record is: " + record); }');
form.onRecordSelection = form.newMethod('function onRecordSelection(event) { application.output("onRecordSelection intercepted on " + event.getFormName()); }');
{code}The method that is triggered when a form is loaded/reloaded from the repository; used to alter elements, set globals, hide toolbars, 
etc; onShow method can also be assigned.
NOTE: onShow should be used to access current foundset dataproviders; onLoad cannot be used because the foundset data is not loaded until after the form is loaded. 
Also calls to loadRecords() should be done in the onShow method and not in the onLoad method
If you call loadRecords() in the onShow method, you may want to set the namedFoundSet property of the form to 'empty' to prevent the first default form query.
NOTE: the onLoad event bubbles down, meaning that the onLoad is first fired on the parent then on a tab in a tabpanel (and in tab of that tab panels if you are 3 deep){div}{td}{tr}{tr:classid=lastDetailRowret}{td}{td}{tr}{tbody}{tbody:id=onRecordSelection}{tr:id=name}{td}h6.onRecordSelection{td}{tr}{tr:id=ret}{td}*Returns**Returns*\\{div:class=sIndent}[JSMethod]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
form.onRecordEditStartonLoad = form.newMethod('function onRecordEditStartonLoad(event) { application.output("onRecordEditStartonLoad intercepted on " + event.getFormName()); }');
form.onRecordEditStoponUnLoad = form.newMethod('function onRecordEditStoponUnLoad(record, event) { application.output("onRecordEditStoponUnLoad intercepted on " + event.getFormName() + ". record is: " + record); }');
form.onRecordSelection = form.newMethod('function onRecordSelection(event) { application.output("onRecordSelection intercepted on " + event.getFormName()); }');
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=onRenderonNewRecordCmd}{tr:id=name}{td}h6.onRender.onNewRecordCmd{td}{tr}{tr:id=des}{td}{div:class=sIndent}The method that overrides the Servoy menu item Select > New Record (or keyboard shortcut). 
This property is automatically set to "DEFAULT" (no override) when the form is created.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSMethod]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
form.onRenderonNewRecordCmd = form.newMethod('function onRenderonNewRecordCmd(event) { application.output("onNewRecordCmd intercepted on " + event.getElementgetFormName().bgcolor); }');
form.onDuplicateRecordCmd = \'#00ff00\' }');
{form.newMethod('function onDuplicateRecordCmd(event) { application.output("onDuplicateRecordCmd intercepted on " + event.getFormName()); }');
form.onDeleteRecordCmd = form.newMethod('function onDeleteRecordCmd(event) { application.output("onDeleteRecordCmd intercepted on " + event.getFormName()); }');
form.onDeleteAllRecordsCmd = form.newMethod('function onDeleteAllRecordsCmd(event) { application.output("onDeleteAllRecordsCmd intercepted on " + event.getFormName()); }');
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=onResizeonNextRecordCmd}{tr:id=name}{td}h6.onResize.onNextRecordCmd{td}{tr}{tr:id=des}{td}{div:class=sIndent}The method that overrides the Servoy menu item Select > Next Record. 
This property is automatically set to "DEFAULT" (no override) when the form is created.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSMethod]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
form.onResizeonPreviousRecordCmd = form.newMethod('function onResizeonPreviousRecordCmd(event) { application.output("onResizeonPreviousRecordCmd intercepted on " + event.getFormName()); }');
{code}{
form.onNextRecordCmd = form.newMethod('function onNextRecordCmd(event) { application.output("onNextRecordCmd intercepted on " + event.getFormName()); }');
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=onSearchCmdonOmitRecordCmd}{tr:id=name}{td}h6.onSearchCmdonOmitRecordCmd{td}{tr}{tr:id=des}{td}{div:class=sIndent}The method that overrides the Servoy menu item Select > Omit Record. 
This property is automatically set to "DEFAULT" (no override) when the form is created.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSMethod]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
form.onFindCmdonOmitRecordCmd = form.newMethod('function onFindCmdonOmitRecordCmd(event) { application.output("onFindCmdonOmitRecordCmd intercepted on " + event.getFormName()); }');
form.onSearchCmdonShowOmittedRecordsCmd = form.newMethod('function onSearchCmdonShowOmittedRecordsCmd(event) { application.output("onSearchCmdonShowOmittedRecordsCmd intercepted on " + event.getFormName()); }');
form.onShowAllRecordsCmdonInvertRecordsCmd = form.newMethod('function onShowAllRecordsCmdonInvertRecordsCmd(event) { application.output("onShowAllRecordsCmdonInvertRecordsCmd intercepted on " + event.getFormName()); }');
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=onShowonPreviousRecordCmd}{tr:id=name}{td}h6.onShow.onPreviousRecordCmd{td}{tr}{tr:id=des}{td}{div:class=sIndent}The method that overrides the Servoy menu item Select > Previous Record. 
This property is automatically set to "DEFAULT" (no override) when the form is created.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSMethod]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
form.onShowonPreviousRecordCmd = form.newMethod('function onShowonPreviousRecordCmd(firstShow, event) { application.output("onShowonPreviousRecordCmd intercepted on " + event.getFormName() + ". first show? " + firstShow); return false; }');
form.onHideonNextRecordCmd = form.newMethod('function onHideonNextRecordCmd(event) { application.output("onHideonNextRecordCmd blockedintercepted on " + event.getFormName()); return false; }');
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=onShowAllRecordsCmdonPrintPreviewCmd}{tr:id=name}{td}h6.onShowAllRecordsCmdonPrintPreviewCmd{td}{tr}{tr:id=retdes}{td}*Returns*\\{div:class=sIndent}[JSMethod]{div}{The method that overrides the Servoy menu item File > Print Preview. 
This property is automatically set to "DEFAULT" (no override) when the form is created.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSMethod]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
form.onFindCmdonPrintPreviewCmd = form.newMethod('function onFindCmdonPrintPreviewCmd(event) { application.output("onFindCmd intercepted on " + event.getFormName()); }');
form.onSearchCmd = form.newMethod('function onSearchCmd(event) { application.output("onSearchCmd onPrintPreviewCmd intercepted on " + event.getFormName()); }');
form.onShowAllRecordsCmd = form.newMethod('function
onShowAllRecordsCmd(event) { application.output("onShowAllRecordsCmd intercepted on " + event.getFormName()); }');
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=onShowOmittedRecordsCmdonRecordEditStart}{tr:id=name}{td}h6.onShowOmittedRecordsCmdonRecordEditStart{td}{tr}{tr:id=retdes}{td}*Returns*\\{div:class=sIndent}[JSMethod]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
form.onOmitRecordCmd = form.newMethod('function onOmitRecordCmd(event) { application.output("onOmitRecordCmdThe method that is triggered when a user clicks into a column on the form.
NOTE: There is a small "e" displayed in the lower left side of the Servoy Client screen in the status area at the bottom of the window when the record is being edited.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSMethod]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
form.onRecordEditStart = form.newMethod('function onRecordEditStart(event) { application.output("onRecordEditStart intercepted on " + event.getFormName()); }');
form.onShowOmittedRecordsCmdonRecordEditStop = form.newMethod('function onShowOmittedRecordsCmdonRecordEditStop(record, event) { application.output("onShowOmittedRecordsCmdonRecordEditStop intercepted on " + event.getFormName() + ". record is: " + record); }');
form.onInvertRecordsCmdonRecordSelection = form.newMethod('function onInvertRecordsCmdonRecordSelection(event) { application.output("onInvertRecordsCmdonRecordSelection intercepted on " + event.getFormName()); }');
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=onSortCmdonRecordEditStop}{tr:id=name}{td}h6.onSortCmdonRecordEditStop{td}{tr}{tr:id=retdes}{td}*Returns*\\{div:class=sIndent}[JSMethod]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
form.onSortCmd = form.newMethod('function onSortCmd(dataProviderID, asc, event) { application.output("onSortCmd intercepted on " + event.getFormName() + ". data provider: " + dataProviderID + ". asc: " + asc); }');
{code}{The method that is triggered when a record is being saved. 
A record is saved when a user clicks out of it (for example on an empty part of the layout or to another form).
When the method returns false (for example as part of a validation), the user cannot leave the record, for example in
a table view a user cannot move to another record when the callback returns false.{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=onUnLoad}{tr:id=name}{td}h6.onUnLoad{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSMethod]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
form.onLoadonRecordEditStart = form.newMethod('function onLoadonRecordEditStart(event) { application.output("onLoadonRecordEditStart intercepted on " + event.getFormName()); }');
form.onUnLoadonRecordEditStop = form.newMethod('function onUnLoadonRecordEditStop(record, event) { application.output("onUnLoadonRecordEditStop intercepted on " + event.getFormName() + ". record is: " + record); }');
form.onRecordSelection {code}= form.newMethod('function onRecordSelection(event) { application.output("onRecordSelection intercepted on " + event.getFormName()); }');
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=paperPrintScaleonRecordSelection}{tr:id=name}{td}h6.paperPrintScale.onRecordSelection{td}{tr}{tr:id=des}{td}{div:class=sIndent}The method that is triggered each time a record is selected. 
If a form is in List view or Special table view \- when the user clicks on it.
In Record view \- after the user navigates to another record using the slider or clicks up or down for next/previous record. 
NOTE: Data and Servoy tag values are returned when the onRecordSelection method is executed.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[NumberJSMethod]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var form.onRecordEditStart = solutionModelform.newForm('myForm',myDatasource,null,true,800,600);
if (form.paperPrintScale < 100)
	form.paperPrintScale = 100;
{newMethod('function onRecordEditStart(event) { application.output("onRecordEditStart intercepted on " + event.getFormName()); }');
form.onRecordEditStop = form.newMethod('function onRecordEditStop(record, event) { application.output("onRecordEditStop intercepted on " + event.getFormName() + ". record is: " + record); }');
form.onRecordSelection = form.newMethod('function onRecordSelection(event) { application.output("onRecordSelection intercepted on " + event.getFormName()); }');
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=scrollbarsonRender}{tr:id=name}{td}h6.scrollbars.onRender{td}{tr}{tr:id=des}{td}{div:class=sIndent}The method that is executed when the component is rendered.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[NumberJSMethod]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var
form.onRender = solutionModelform.newForm('myForm',myDatasource,null,true,1000,600);
form.scrollbars = SM_SCROLLBAR.VERTICAL_SCROLLBAR_NEVER; 
forms['newForm1'].controller.show();
{code}{newMethod('function onRender(event) { event.getElement().bgcolor = \'#00ff00\' }');
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=onResize}{tr:id=name}{td}h6.onResize{td}{tr}{tr:id=des}{td}{div:class=sIndent}The method that gets triggered when resize occurs.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSMethod]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
form.onResize = form.newMethod('function onResize(event) { application.output("onResize intercepted on " + event.getFormName()); }');
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=onSearchCmd}{tr:id=name}{td}h6.onSearchCmd{td}{tr}{tr:id=des}{td}{div:class=sIndent}The method that overrides the Servoy menu item Select > Search (or keyboard shortcut) in Find mode. 
This property is automatically set to "DEFAULT" (no override) when the form is created.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSMethod]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
form.onFindCmd = form.newMethod('function onFindCmd(event) { application.output("onFindCmd intercepted on " + event.getFormName()); }');
form.onSearchCmd = form.newMethod('function onSearchCmd(event) { application.output("onSearchCmd intercepted on " + event.getFormName()); }');
form.onShowAllRecordsCmd = form.newMethod('function onShowAllRecordsCmd(event) { application.output("onShowAllRecordsCmd intercepted on " + event.getFormName()); }');
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=onShow}{tr:id=name}{td}h6.onShow{td}{tr}{tr:id=des}{td}{div:class=sIndent}The method that is triggered EVERY TIME the form is displayed; an argument must be passed to the method if this is the first time the form is displayed. 

NOTE: onShow can be used to access current foundset dataproviders; onLoad cannot be used because the foundset data is not loaded until after the form is loaded. 

NOTE: the onShow event bubbles down, meaning that the onShow event of a form displayed in a tabPanel is fired after the onShow event of the parent.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSMethod]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
form.onShow = form.newMethod('function onShow(firstShow, event) { application.output("onShow intercepted on " + event.getFormName() + ". first show? " + firstShow); return false; }');
form.onHide = form.newMethod('function onHide(event) { application.output("onHide blocked on " + event.getFormName()); return false; }');
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=onShowAllRecordsCmd}{tr:id=name}{td}h6.onShowAllRecordsCmd{td}{tr}{tr:id=des}{td}{div:class=sIndent}The method that overrides the Servoy menu item Select > Show All (or keyboard shortcut). 
This property is automatically set to "DEFAULT" (no override) when the form is created.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSMethod]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
form.onFindCmd = form.newMethod('function onFindCmd(event) { application.output("onFindCmd intercepted on " + event.getFormName()); }');
form.onSearchCmd = form.newMethod('function onSearchCmd(event) { application.output("onSearchCmd intercepted on " + event.getFormName()); }');
form.onShowAllRecordsCmd = form.newMethod('function onShowAllRecordsCmd(event) { application.output("onShowAllRecordsCmd intercepted on " + event.getFormName()); }');
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=onShowOmittedRecordsCmd}{tr:id=name}{td}h6.onShowOmittedRecordsCmd{td}{tr}{tr:id=des}{td}{div:class=sIndent}The method that overrides the Servoy menu item Select > Show Omitted Records. 
This property is automatically set to "DEFAULT" (no override) when the form is created.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSMethod]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
form.onOmitRecordCmd = form.newMethod('function onOmitRecordCmd(event) { application.output("onOmitRecordCmd intercepted on " + event.getFormName()); }');
form.onShowOmittedRecordsCmd = form.newMethod('function onShowOmittedRecordsCmd(event) { application.output("onShowOmittedRecordsCmd intercepted on " + event.getFormName()); }');
form.onInvertRecordsCmd = form.newMethod('function onInvertRecordsCmd(event) { application.output("onInvertRecordsCmd intercepted on " + event.getFormName()); }');
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=onSortCmd}{tr:id=name}{td}h6.onSortCmd{td}{tr}{tr:id=des}{td}{div:class=sIndent}The method that overrides the Servoy menu item Select > Sort. 
This property is automatically set to "DEFAULT" (no override) when the form is created.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSMethod]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
form.onSortCmd = form.newMethod('function onSortCmd(dataProviderID, asc, event) { application.output("onSortCmd intercepted on " + event.getFormName() + ". data provider: " + dataProviderID + ". asc: " + asc); }');
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=onUnLoad}{tr:id=name}{td}h6.onUnLoad{td}{tr}{tr:id=des}{td}{div:class=sIndent}The method that is triggered when a form is unloaded from the repository. 
NOTE: Forms can be prevented from being removed from memory by referencing the form object in a global variable or inside an array inside a global variable. Do take care using this technique.
Forms take up memory and if too many forms are in memory and cannot be unloaded, there is a possibility of running out of memory.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSMethod]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
form.onLoad = form.newMethod('function onLoad(event) { application.output("onLoad intercepted on " + event.getFormName()); }');
form.onUnLoad = form.newMethod('function onUnLoad(event) { application.output("onUnLoad intercepted on " + event.getFormName()); }');
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=paperPrintScale}{tr:id=name}{td}h6.paperPrintScale{td}{tr}{tr:id=des}{td}{div:class=sIndent}The percentage value the printed page is enlarged or reduced to; the size of the printed form 
is inversely proportional. For example, if the paperPrintScale is 50, the printed form will be 
enlarged 200%.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[Number]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var form = solutionModel.newForm('myForm',myDatasource,null,true,800,600);
if (form.paperPrintScale < 100)
	form.paperPrintScale = 100;
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=scrollbars}{tr:id=name}{td}h6.scrollbars{td}{tr}{tr:id=des}{td}{div:class=sIndent}Scrollbar options for the vertical and horizontal scrollbars. Each of the
vertical and horizontal scrollbars can be configured to display all the time,
to display only when needed or to never display.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[Number]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var form = solutionModel.newForm('myForm',myDatasource,null,true,1000,600);
form.scrollbars = SM_SCROLLBAR.VERTICAL_SCROLLBAR_NEVER; 
forms['newForm1'].controller.show();
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=selectionMode}{tr:id=name}{td}h6.selectionMode{td}{tr}{tr:id=des}{td}{div:class=sIndent}Returns the value of the form's selectionMode property.
Selection mode is applied when necessary to the foundset used by the form (through it's multiSelect property), even if the foundset changes.
If two or more forms with non\-default and different selectionMode values share the same foundset, the visible one decides.
If two or more non\-visible forms with non\-default and different selectionMode values share the same foundset, one of them (always the same from a set of forms) decides.
If two or more visible forms with non\-default and different selectionMode values share the same foundset, one of them (always the same from a set of forms) decides what the
foundset's selectionMode should be.

Can be one of SELECTION\_MODE\_DEFAULT, SELECTION\_MODE\_SINGLE or SELECTION\_MODE\_MULTI.{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=selectionMode}{tr:id=name}{td}h6.selectionMode{td}{tr}{tr:id=snc}{td}*Since*\\{div:class=sIndent}6.1{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[Number]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var myForm = solutionModel.getForm('my_form_name');
if (myForm.selectionMode == JSForm.SELECTION_MODE_MULTI) myForm.selectionMode = JSForm.SELECTION_MODE_DEFAULT;
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=serverName}{tr:id=name}{td}h6.serverName{td}{tr}{tr:id=des}{td}{div:class=sIndent}Get the server name used by this form.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[String]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var form = solutionModel.newForm('myForm',myDatasource,null,true,800,600);
form.serverName = 'anotherServerName';
var theServerName = form.serverName;
application.output(theServerName);
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=showInMenu}{tr:id=name}{td}h6.showInMenu{td}{tr}{tr:id=des}{td}{div:class=sIndent}When set, the form is displayed under the Window menu. 
If it is not set, the form will be 'hidden'. 
NOTE: This is only applicable for Servoy Client. Servoy Developer always shows all forms so that
developers have access to all forms within a solution during development.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[Boolean]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var aForm = solutionModel.newForm('newForm1', myDatasource, null, true, 800, 600);
var anotherForm= solutionModel.newForm('newForm2', myDatasource, null, true, 800, 600);
//using 'anotherForm' as navigator for aForm
anotherForm.showInMenu = false;
anotherForm.navigator = null;
aForm.navigator = anotherForm;
application.output(aForm.navigator.name);
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=styleClass=styleClass}{tr:id=name}{td}h6.styleClass{td}{tr}{tr:id=namedes}{td}h6.styleClass{div:class=sIndent}The Cascading Style Sheet (CSS) class name applied to the form.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[String]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var aForm = solutionModel.newForm('newForm1', myDatasource, null, true, 800, 600);
if (aForm.styleClass == null)
	aForm.styleClass = someStyleClass;
else
	application.output("The Cascading Style Sheet (CSS) class name applied to this form is " + aForm.styleClass);
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=styleName}{tr:id=name}{td}h6.styleName{td}{tr}{tr:id=des}{td}{div:class=sIndent}The name of the Servoy style that is being used on the form.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[String]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var aForm = solutionModel.newForm('newForm1', myDatasource, null, true, 800, 600);
if (aForm.styleName == null)
	aForm.styleName = someServoyStyleName;
else
	application.output("The name of the Servoy style that is being used on the form is " + aForm.styleName);
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=tableName}{tr:id=name}{td}h6.tableName{td}{tr}{tr:id=des}{td}{div:class=sIndent}The \[name of the table/SQL view\].\[the name of the database server connection\] the form is based on.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[String]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var aForm = solutionModel.newForm('newForm1', myDatasource, null, true, 800, 600);
aForm.tableName = 'anotherTableOfMine'
if (forms['newForm1'].controller.find())
{
	columnTextDataProvider = '=aSearchedValue'
	columnNumberDataProvider = '>10';
	forms['newForm1'].controller.search()
}
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=titleText}{tr:id=name}{td}h6.titleText{td}{tr}{tr:id=des}{td}{div:class=sIndent}The text that displays in the title bar of the form window. 
NOTE: Data tags and Servoy tags can be used as part of the title text.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[String]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var myForm = solutionModel.newForm('newForm', 'db:/a_server/a_table', 'aStyleName', false, 800, 600)
forms['newForm'].controller.show();
if (myForm.titleText == null)
{
	myForm.titleText = "My new title text should be really cool!"
	forms['newForm'].controller.recreateUI();
}
else
	application.output("My text text is already cool");
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=transparent}{tr:id=name}{td}h6.transparent{td}{tr}{tr:id=namedes}{td}h6.transparent{div:class=sIndent}When set, the form is transparent.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[Boolean]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var form = solutionModel.newForm('myForm',myDatasource,null,true,1000,800);
if (form.transparent == false)
{
	var style = solutionModel.newStyle('myStyle','form { background-color: yellow; }');
	style.text = style.text + 'field { background-color: blue; }';
	form.styleName = 'myStyle';
}
var field = form.newField('columnTextDataProvider',JSField.TEXT_FIELD,100,100,100,50);
forms['myForm'].controller.show();
{code}.show();
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=view}{tr:id=name}{td}h6.view{td}{tr}{tr:id=des}{td}{div:class=sIndent}The default form view mode. 

The view can be changed using a method at runtime. The following views are available: 
\- Record view 
\- List view 
\- Record view (locked) 
\- List view (locked) 
\- Table View (locked) 

NOTE: Only Table View (locked) uses asynchronized related data loading. 
This feature defers all related foundset data loading to the background \- enhancing 
the visual display of a related foundset.{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=view}{tr:id=name}{td}h6.view{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[Number]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var myForm = solutionModel.newForm('newForm1', myDatasource, null, true, 800, 600);
myForm.view = JSForm.RECORD_VIEW;
forms['newForm1'].controller.show();
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=width}{tr:id=name}{td}h6.width{td}{tr}{tr:id=des}{td}{div:class=sIndent}The width of the form in pixels.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[Number]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var myForm = solutionModel.newForm('newForm1', myDatasource, null, true, 800, 600);
forms['newForm1'].controller.show();
myForm.width = 120;
forms['newForm1'].controller.recreateUI();
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{table}\\ 

{table:id=function|class=servoy sDetail}{colgroup}{column:width=100%|padding=0px}{column}{colgroup}{tr:style=height: 30px;}{th:colspan=1}Method Details{th}{tr}{tbody:id=getBean-String}{tr:id=name}{td}h6.getBean{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSBean]{span}{span:style=font-weight: bold;}getBean{span}{span}\(name){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Returns a JSBean that has the given name.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[String]} name -- the specified name of the bean
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSBean] -- a JSBean object{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var btn = myForm.getBean("mybean");
application.output(mybean.className);
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=getBeans}{tr:id=name}{td}h6.getBeans{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSBean]\[]{span}{span:style=font-weight: bold;}getBeans{span}{span}\(){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Returns all JSBeans of this form.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSBean]\[] -- the list of all JSbuttons on this forms{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var beans = myForm.getBeans();
for (var b in beans)
{
	if (beans[b].name != null) 
		application.output(beans[b].name);
}
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=getBeans-Boolean}{tr:id=name}{td}h6.getBeans{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSBean]\[]{span}{span:style=font-weight: bold;}getBeans{span}{span}\(returnInheritedElements){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Returns all JSBeans of this form.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[Boolean]} returnInheritedElements -- true to also return the elements from parent form
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSBean]\[] -- the list of all JSbuttons on this forms{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var beans = myForm.getBeans();
for (var b in beans)
{
	if (beans[b].name != null) 
		application.output(beans[b].name);
}
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=getBodyPart}{tr:id=name}{td}h6.getBodyPart{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSPart]{span}{span:style=font-weight: bold;}getBodyPart{span}{span}\(){span: bold;}getBodyPart{span}{span}\(){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Retrieves the Body part of the form.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSPart] -- A JSPart instance corresponding to the Body part of the form.{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
form.getBodyPart().background = 'blue';
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=getButton-String}{tr:id=name}{td}h6.getButton{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSButton]{span}{span:style=font-weight: bold;}getButton{span}{span}\(name){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Returns a JSButton that has the given name.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[String]} name -- the specified name of the button
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSButton] -- a JSButton object{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var btn = myForm.getButton("hello");
application.output(btn.text);
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=getButtons}{tr:id=name}{td}h6.getButtons{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSButton]\[]{span}{span:style=font-weight: bold;}getButtons{span}{span}\(){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Returns all JSButtons of this form, including the ones without a name.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSButton]\[] -- the list of all JSbuttons on this forms{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var buttons = myForm.getButtons();
for (var b in buttons)
{
	if (buttons[b].name != null) 
		application.output(buttons[b].name);
	else
		application.output(buttons[b].text + " has no name ");
}
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=getButtons-Boolean}{tr:id=name}{td}h6.getButtons{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSButton]\[]{span}{span:style=font-weight: bold;}getButtons{span}{span}\(returnInheritedElements){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Returns all JSButtons of this form, including the ones without a name.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[Boolean]} returnInheritedElements -- true to also return the elements from parent form
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSButton]\[] -- the list of all JSbuttons on this forms{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var buttons = myForm.getButtons();
for (var b in buttons)
{
	if (buttons[b].name != null) 
		application.output(buttons[b].name);
	else
		application.output(buttons[b].text + " has no name ");
}
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=getComponent-String}{tr:id=name}{td}h6.getComponent{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSComponent]{span}{span:style=font-weight: bold;}getComponent{span}{span}\(name){span}{-right: 5px;}[JSComponent]{span}{span:style=font-weight: bold;}getComponent{span}{span}\(name){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Returns a JSComponent that has the given name; if found it will be a JSField, JSLabel, JSButton, JSPortal, JSBean or JSTabPanel.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[String]} name -- the specified name of the component
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSComponent] -- a JSComponent object (might be a JSField, JSLabel, JSButton, JSPortal, JSBean or JSTabPanel){div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var frm = solutionModel.getForm("myForm");
var cmp = frm.getComponent("componentName");
application.output("Component type and name: " + cmp);
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=getComponents}{tr:id=name}{td}h6.getComponents{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSComponent]\[]{span}{span:style=font-weight: bold;}getComponents{span}{span}\(){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Returns a array of all the JSComponents that a form has; they are of type JSField,JSLabel,JSButton,JSPortal,JSBean or JSTabPanel.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSComponent]\[] -- an array of all the JSComponents on the form.{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var form = solutionModel.getForm("myForm");
var components = form.getComponents();
for (var i in components)
	application.output("Component type and name: " + components[i]);
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=getComponents-Boolean}{tr:id=name}{td}h6.getComponents{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSComponent]\[]{span}{span:style=font-weight: bold;}getComponents{span}{span}\(returnInheritedElements){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Returns a array of all the JSComponents that a form has; they are of type JSField,JSLabel,JSButton,JSPortal,JSBean or JSTabPanel.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[Boolean]} returnInheritedElements -- true to also return the elements from the parent form
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSComponent]\[] -- an array of all the JSComponents on the form.{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var form = solutionModel.getForm("myForm");
var components = form.getComponents();
for (var i in components)
	application.output("Component type and name: " + components[i]);
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=getDesignTimeProperty}{tr:id=name}{td}h6.getDesignTimeProperty{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[Object]{span}{span:style=font-weight: bold;}getDesignTimeProperty{span}{span}\(){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Get a design\-time property of a form.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[Object]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var frm = solutionModel.getForm('orders')
var prop = frm.getDesignTimeProperty('myprop')
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=getField-String}{tr:id=name}{td}h6.getField{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSField]{span}{span:style=font-weight: bold;}getField{span}{span}\(name){span(name){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}The field with the specified name.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[String]} name -- the specified name of the field
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSField] -- a JSField object{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var form = solutionModel.getForm("myForm");
var field = form.getField("myField");
application.output(field.dataProviderID);
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=getFields}{tr:id=name}{td}h6.getFields{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSField]\[]{span}{span:style=font-weight: bold;}getFields{span}{span}\(){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Returns all JSField objects of this form, including the ones without a name.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSField]\[] -- all JSField objects of this form{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var frm = solutionModel.getForm("myForm");
var fields = frm.getFields();
for (var f in fields)
{
	var fname = fields[f].name;
	if (fname != null)
		application.output(fname);
}
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=getFields-Boolean}{tr:id=name}{td}h6.getFields{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSField]\[]{span}{span:style=font-weight: bold;}getFields{span}{span}\(returnInheritedElements){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Returns all JSField objects of this form, including the ones without a name.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[Boolean]} returnInheritedElements -- true to also return the elements from the parent form
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSField]\[] -- all JSField objects of this form{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var frm = solutionModel.getForm("myForm");
var fields = frm.getFields();
for (var f in fields)
{
	var fname = fields[f].name;
	if (fname != null)
		application.output(fname);
}
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=getFooterPart}{tr:id=name}{td}h6.getFooterPart{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSPart]{span}{span:style=font-weight: bold;}getFooterPart{span}{span}\(){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Retrieves the Footer part of the form.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSPart] -- A JSPart instance corresponding to the Footer part of the form.{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
form.getFooterPart().background = 'magenta';
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=getHeaderPart}{tr:id=name}{td}h6.getHeaderPart{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSPart]{span}{span:style=font-weight: bold;}getHeaderPart{span}{span}\(){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Retrieves the Header part of the form.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSPart] -- A JSPart instance corresponding to the Header part of the form.{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
form.getHeaderPart().background = 'orange';
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=getLabel-String}{tr:id=name}{td}h6.getLabel{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSLabel]{span}{span:style=font-weight: bold;}getLabel{span}{span}\(name){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Returns a JSLabel that has the given name.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[String]} name -- the specified name of the label
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSLabel] -- a JSLabel object (or null if the label with the specified name does not exist){div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var frm = solutionModel.getForm("myForm");
var label = frm.getLabel("myLabel");
application.output(label.text);
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=getLabels}{tr:id=name}{td}h6.getLabels{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSLabel]\[]{span}{span:style=font-weight: bold;}getLabels{span}{span}\(){span}{span:style=font-weight: bold;}getLabels{span}{span}\(){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Returns all JSLabels of this form (not including its super form), including the ones without a name.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSLabel]\[] -- all JSLabels on this form{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var frm = solutionModel.getForm("myForm");
var labels = frm.getLabels();
for (var i in labels)
{
	var lname = labels[i].name;
	if (lname != null)
		application.output(lname);
}
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=getLabels-Boolean}{tr:id=name}{td}h6.getLabels{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSLabel]\[]{span}{span:style=font-weight: bold;}getLabels{span}{span}\(returnInheritedElements){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Returns all JSLabels of this form (optionally including it super forms labels), including the ones without a name.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[Boolean]} returnInheritedElements -- true to also return the elements from parent form
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSLabel]\[] -- all JSLabels on this form{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var frm = solutionModel.getForm("myForm");
var labels = frm.getLabels();
for (var i in labels)
{
	var lname = labels[i].name;
	if (lname != null)
		application.output(lname);
}
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=getLeadingGrandSummaryPart}{tr:id=name}{td}h6.getLeadingGrandSummaryPart{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSPart]{span}{span:style=font-weight: bold;}getLeadingGrandSummaryPart{span}{span}\(){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Retrieves the Leading Grand Summary part of the form.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSPart] -- A JSPart instance corresponding to the Leading Grand Summary part of the form.{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
form.getLeadingGrandSummaryPart().background = 'yellow';
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=getLeadingSubSummaryParts}{tr:id=name}{td}h6.getLeadingSubSummaryParts{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSPart]\[]{span}{span:style=font-weight: bold;}getLeadingSubSummaryParts{span}{span}\(){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Gets an array of the Leading Subsummary parts of the form, ordered by their height from top == 0 to bottom.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSPart]\[] -- An array of JSPart instances corresponding to the Leading Subsummary parts of the form.{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
form.getLeadingSubSummaryParts()[0].background = 'green';
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=getMethod-String}{tr:id=name}{td}h6.getMethod{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSMethod]{span}{span:style=font-weight: bold;}getMethod{span}{span}\(name){spanbold;}getMethod{span}{span}\(name){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Gets an existing form method for the given name.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[String]} name -- the specified name of the method
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSMethod] -- a JSMethod object (or null if the method with the specified name does not exist){div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var frm = solutionModel.getForm("myForm");
var method = frm.getMethod("myMethod");
application.output(method.code);
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=getMethods}{tr:id=name}{td}h6.getMethods{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSMethod]\[]{span}{span:style=font-weight: bold;}getMethods{span}{span}\(){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Returns all existing form methods for this form.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSMethod]\[] -- all form methods for the form{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var frm = solutionModel.getForm("myForm");
var methods = frm.getMethods();
for (var m in methods)
	application.output(methods[m].getName());
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=getMethods-Boolean}{tr:id=name}{td}h6.getMethods{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSMethod]\[]{span}{span:style=font-weight: bold;}getMethods{span}{span}\(returnInheritedElements){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Returns all existing form methods for this form.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[Boolean]} returnInheritedElements -- true to also return the elements from the parent form
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSMethod]\[] -- all form methods for the form{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var frm = solutionModel.getForm("myForm");
var methods = frm.getMethods();
for (var m in methods)
	application.output(methods[m].getName());
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=getPart-Number}{tr:id=name}{td}h6.getPart{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSPart]{span}{span:style=font-weight: bold;}getPart{span}{span}\(type){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Gets a part of the form from the given type (see JSPart constants).{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[Number]} type -- The type of the part to retrieve.
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSPart] -- A JSPart instance representing the retrieved form part.{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
form.getPart(JSPart.HEADER).background = 'red';
form.getPart(JSPart.LEADING_SUBSUMMARY, 160).background = 'red';
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=getPart-Number_Number}{tr:id=name}{td}h6.getPart{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSPart]{span}{span:style=font-weight: bold;}getPart{span}{span}\(type, height){spanfont-weight: bold;}getPart{span}{span}\(type, height){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Gets a part of the form from the given type (see JSPart constants). 
Use the height if you want to get a specific LEADING\_SUBSUMMARY or TRAILING\_SUBSUMMARY.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[Number]} type -- The type of the part to retrieve.
\{[Number]} height -- The height of the part to retrieve. Use this parameter when retrieving one of multiple
	                      Leading/Trailing Subsummary parts.
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSPart] -- A JSPart instance representing the retrieved form part.{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
form.getPart(JSPart.HEADER).background = 'red';
form.getPart(JSPart.LEADING_SUBSUMMARY, 160).background = 'red';
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=getPartYOffset-Number}{tr:id=name}{td}h6.getPartYOffset{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[Number]{span}{span:style=font-weight: bold;}getPartYOffset{span}{span}\(type){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Returns the Y offset of a given part (see JSPart) of the form. This will include 
all the super forms parts if this form extends a form.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[Number]} type -- The type of the part whose Y offset will be returned.
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[Number] -- A number holding the Y offset of the specified form part.{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
// get the subform
var form = solutionModel.getForm('SubForm');
// get the start offset of the body
var height = form.getPartYOffset(JSPart.BODY);
// place a new button based on the start offset.
form.newButton('mybutton',50,50+height,80,20,solutionModel.getGlobalMethod('globals', 'test'));
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=getPartYOffset-Number_Number}{tr:id=name}{td}h6.getPartYOffset{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[Number]{span}{span:style=font-weight: bold;}getPartYOffset{span}{span}\(type, height){span}{td}h6.getPartYOffset{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[Number]{span}{span:style=font-weight: bold;}getPartYOffset{span}{span}\(type, height){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Returns the Y offset of a given part (see JSPart) of the form. This will include 
all the super forms parts if this form extends a form. Use the height parameter for 
targetting one of multiple subsummary parts.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[Number]} type -- The type of the part whose Y offset will be returned.
\{[Number]} height -- The height of the part whose Y offset will be returned. This is used when
                       one of multiple Leading/Trailing Sumsummary parts is retrieved.
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[Number] -- A number holding the Y offset of the specified form part.{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
// get the subform
var form = solutionModel.getForm('SubForm');
// get the start offset of the body
var height = form.getPartYOffset(JSPart.BODY);
// place a new button based on the start offset.
form.newButton('mybutton',50,50+height,80,20,solutionModel.getGlobalMethod('globals', 'test'));
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=getParts}{tr:id=name}{td}h6.getParts{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSPart]\[]{span}{span:style=font-weight: bold;}getParts{span}{span}\(){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Gets all the parts from the form (not including the parts of the parent form), ordered by there height (lowerbound) property, from top == 0 to bottom.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSPart]\[] -- An array of JSPart instances corresponding to the parts of the form.{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var allParts = form.getParts()
for (var i=0; i<allParts.length; i++) {
	if (allParts[i].getPartType() == JSPart.BODY)
		application.output('body Y offset: ' + allParts[i].getPartYOffset());
}
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=getParts-Boolean}{tr:id=name}{td}h6.getParts{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSPart]\[]{span}{span:style=font-weight: bold;}getParts{span}{span}\(returnInheritedElements){span]\[]{span}{span:style=font-weight: bold;}getParts{span}{span}\(returnInheritedElements){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Gets all the parts from the form (optionally also from the parent form), ordered by there height (lowerbound) property, from top == 0 to bottom.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[Boolean]} returnInheritedElements -- true to also return the parts from parent form
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSPart]\[] -- An array of JSPart instances corresponding to the parts of the form.{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var allParts = form.getParts()
for (var i=0; i<allParts.length; i++) {
	if (allParts[i].getPartType() == JSPart.BODY)
		application.output('body Y offset: ' + allParts[i].getPartYOffset());
}
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=getPortal-String}{tr:id=name}{td}h6.getPortal{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSPortal]{span}{span:style=font-weight: bold;}getPortal{span}{span}\(name){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Returns a JSPortal that has the given name.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[String]} name -- the specified name of the portal
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSPortal] -- a JSPortal object{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var frm = solutionModel.getForm("myForm");
var portal = frm.getPortal("myPortal");
portal.initialSort = 'my_table_text desc';
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=getPortals}{tr:id=name}{td}h6.getPortals{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSPortal]\[]{span}{span:style=font-weight: bold;}getPortals{span}{span}\(){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Returns all JSPortal objects of this form (not including the ones from the parent form), including the ones without a name.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSPortal]\[] -- an array of all JSPortal objects on this form{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var frm = solutionModel.getForm("myForm");
var portals = frm.getPortals();
for (var i in portals)
{
	var p = portals[i];
	if (p.name != null)
		application.output(p.name);
	else
		application.output("unnamed portal detected");
}
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=getPortals-Boolean}{tr:id=name}{td}h6.getPortals{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSPortal]\[]{span}{span:style=font-weight: bold;}getPortals{span}{span}\(returnInheritedElements){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Returns all JSPortal objects of this form (optionally also the ones from the parent form), including the ones without a name.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[Boolean]} returnInheritedElements -- true to also return the elements from parent form
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSPortal]\[] -- an array of all JSPortal objects on this form{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var frm = solutionModel.getForm("myForm");
var portals = frm.getPortals();
for (var i in portals)
{
	var p = portals[i];
	if (p.name != null)
		application.output(p.name);
	else
		application.output("unnamed portal detected");
}
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=getTabPanel-String}{tr:id=name}{td}h6.getTabPanel{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSTabPanel]{span}{span:style=font-weight: bold;}getTabPanel{span}{span}\(name){spanfont-weight: bold;}getTabPanel{span}{span}\(name){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Returns a JSTabPanel that has the given name.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[String]} name -- the specified name of the tabpanel
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSTabPanel] -- a JSTabPanel object{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var frm = solutionModel.getForm("myForm");
var tabPanel = frm.getTabPanel("myTabPanel"); 
var tabs = tabPanel.getTabs(); 
for (var i=0; i<tabs.length; i++) 
	application.output("Tab " + i + " has text " + tabs[i].text);
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=getTabPanels}{tr:id=name}{td}h6.getTabPanels{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSTabPanel]\[]{span}{span:style=font-weight: bold;}getTabPanels{span}{span}\(){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Returns all JSTabPanels of this form (not including the ones from the parent form), including the ones without a name.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSTabPanel]\[] -- an array of all JSTabPanel objects on this form{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var frm = solutionModel.getForm("myForm");
var tabPanels = frm.getTabPanels();
for (var i in tabPanels)
{
	var tp = tabPanels[i];
	if (tp.name != null)
		application.output("Tab " + tp.name + " has text " + tp.text);
	else
		application.output("Tab with text " + tp.text + " has no name");
}
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=getTabPanels-Boolean}{tr:id=name}{td}h6.getTabPanels{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSTabPanel]\[]{span}{span:style=font-weight: bold;}getTabPanels{span}{span}\(returnInheritedElements){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Returns all JSTabPanels of this form (optionally the ones from the parent form), including the ones without a name.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[Boolean]} returnInheritedElements -- true to also return the elements from parent form
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSTabPanel]\[] -- an array of all JSTabPanel objects on this form{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var frm = solutionModel.getForm("myForm");
var tabPanels = frm.getTabPanels();
for (var i in tabPanels)
{
	var tp = tabPanels[i];
	if (tp.name != null)
		application.output("Tab " + tp.name + " has text " + tp.text);
	else
		application.output("Tab with text " + tp.text + " has no name");
}
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=getTitleFooterPart}{tr:id=name}{td}h6.getTitleFooterPart{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSPart]{span}{span:style=font-weight: bold;}getTitleFooterPart{span}{span}\(){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Retrieves the Title Footer part of the form.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSPart] -- A JSPart instance corresponding to the Title Footer part of the form.{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
form.getTitleFooterPart().background = 'gray';
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=getTitleHeaderPart}{tr:id=name}{td}h6.getTitleHeaderPart{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSPart]{span}{span:style=font-weight: bold;}getTitleHeaderPart{span}{span}\(){span}{weight: bold;}getTitleHeaderPart{span}{span}\(){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Retrieves the Title Header part of the form.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSPart] -- A JSPart instance corresponding to the Title Header part of the form.{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
form.getTitleHeaderPart().background = 'red';
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=getTrailingGrandSummaryPart}{tr:id=name}{td}h6.getTrailingGrandSummaryPart{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSPart]{span}{span:style=font-weight: bold;}getTrailingGrandSummaryPart{span}{span}\(){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Retrieves the Trailing Grand Summary part of the form.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSPart] -- A JSPart instance corresponding to the Trailing Grand Summary part of the form.{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
form.getTrailingGrandSummaryPart().background = 'yellow';
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=getTrailingSubSummaryParts}{tr:id=name}{td}h6.getTrailingSubSummaryParts{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSPart]\[]{span}{span:style=font-weight: bold;}getTrailingSubSummaryParts{span}{span}\(){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Gets an array of the Trailing Subsummary parts of the form, ordered by their height from top == 0 to bottom.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSPart]\[] -- An array of JSPart instances corresponding to the Trailing Subsummary parts of the form.{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
form.getTrailingSubSummaryParts()[0].background = 'green';
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=getUUID}{tr:id=name}{td}h6.getUUID{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[UUID]{span}{span:style=font-weight: bold;}getUUID{span}{span}\(){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Returns the UUID of this form.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[UUID]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var form_UUID = myForm.getUUID();
application.output(form_UUID.toString());
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=getVariable-String}{tr:id=name}{td}h6.getVariable{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSVariable]{span}{span:style=font-weight: bold;}getVariable{span}{span}\(name){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Gets an existing form variable for the given name.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[String]} name -- the specified name of the variable
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSVariable] -- a JSVariable object{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var frm = solutionModel.getForm("myForm");
	var fvariable = frm.getVariable("myVarName");
	application.output(fvariable.name + " has the default value of " + fvariable.defaultValue);
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=getVariables}{tr:id=name}{td}h6.getVariables{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSVariable]\[]{span}{span:style=font-weight: bold;}getVariables{span}{span}\(){span}{td}{tr}{span}\(){span}{tr:id=des}{td}{div:class=sIndent}An array consisting of all form variables for this form.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSVariable]\[] -- an array of all variables on this form{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var frm = solutionModel.getForm("myForm");
var variables = frm.getVariables();
for (var i in variables)
	application.output(variables[i].name);
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=getVariables-Boolean}{tr:id=name}{td}h6.getVariables{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSVariable]\[]{span}{span:style=font-weight: bold;}getVariables{span}{span}\(returnInheritedElements){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}An array consisting of all form variables for this form.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[Boolean]} returnInheritedElements -- true to also return the elements from the parent form
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSVariable]\[] -- an array of all variables on this form{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var frm = solutionModel.getForm("myForm");
var variables = frm.getVariables();
for (var i in variables)
	application.output(variables[i].name);
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=newBean-String_String_Number_Number_Number_Number}{tr:id=name}{td}h6.newBean{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSBean]{span}{span:style=font-weight: bold;}newBean{span}{span}\(name, className, x, y, width, height){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Creates a new JSBean object on the form \- including the name of the JSBean object; the classname the JSBean object is based on, the "x" and "y" position of the JSBean object in pixels, as well as the width and height of the JSBean object in pixels.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[String]} name -- the specified name of the JSBean object
\{[String]} className -- the class name of the JSBean object
\{[Number]} x -- the horizontal "x" position of the JSBean object in pixels
\{[Number]} y -- the vertical "y" position of the JSBean object in pixels
\{[Number]} width -- the width of the JSBean object in pixels
\{[Number]} height -- the height of the JSBean object in pixels
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSBean] -- a JSBean object{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var form = solutionModel.newForm('newForm1', 'db:/server1/table1', null, true, 800, 600);
var bean = form.newBean('bean','com.servoy.extensions.beans.dbtreeview.DBTreeView',200,200,300,300);
forms['newForm1'].controller.show();
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=newButton-String_Number_Number_Number_Number_Object}{tr:id=name}{td}h6.newButton{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSButton]{span}{span:style=font-weight: bold;}newButton{span}{span}\(txt, x, y, width, height, action){spanfont-weight: bold;}newButton{span}{span}\(txt, x, y, width, height, action){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Creates a new button on the form with the given text, place, size and JSMethod as the onAction event triggered action.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[String]} txt -- the text on the button
\{[Number]} x -- the x coordinate of the button location on the form
\{[Number]} y -- the y coordinate of the button location on the form
\{[Number]} width -- the width of the button
\{[Number]} height -- the height of the button
\{[Object]} action -- the method assigned to handle an onAction event
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSButton] -- a new JSButton object{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var form = solutionModel.newForm('newForm1', myDatasource, null, true, 800, 600);
var method = form.newMethod('function onAction(event) { application.output("onAction intercepted on " + event.getFormName()); }');
var button = form.newButton('myButton', 10, 10, 100, 30, method);
application.output("The new button: " + button.name + " has the following onAction event handling method assigned " + button.onAction.getName());
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=newCalendar-Object_Number_Number_Number_Number}{tr:id=name}{td}h6.newCalendar{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSField]{span}{span:style=font-weight: bold;}newCalendar{span}{span}\(dataprovider, x, y, width, height){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Creates a new JSField object on the form with the displayType of CALENDAR \- including the dataprovider/JSVariable of the JSField object, the "x" and "y" position of the JSField object in pixels, as well as the width and height of the JSField object in pixels.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[Object]} dataprovider -- the specified dataprovider name/JSVariable of the JSField object
\{[Number]} x -- the horizontal "x" position of the JSfield object in pixels
\{[Number]} y -- the vertical "y" position of the JSField object in pixels
\{[Number]} width -- the width of the JSField object in pixels
\{[Number]} height -- the height of the JSField object in pixels
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSField] -- a new JSField object on the form with the displayType of CALENDAR{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var form = solutionModel.newForm('newForm1', myDatasource, null, true, 800, 600);
var calendar = form.newCalendar(myDataProvider, 100, 100, 200, 200);
forms['newForm1'].controller.show();
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=newCheck-Object_Number_Number_Number_Number}{tr:id=name}{td}h6.newCheck{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSField]{span}{span:style=font-weight: bold;}newCheck{span}{span}\(dataprovider, x, y, width, height){span]{span}{span:style=font-weight: bold;}newCheck{span}{span}\(dataprovider, x, y, width, height){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Creates a new JSField object on the form with the displayType of CHECK (checkbox) \- including the dataprovider/JSVariable of the JSField object, the "x" and "y" position of the JSField object in pixels, as well as the width and height of the JSField object in pixels.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[Object]} dataprovider -- the specified dataprovider name/JSVariable of the JSField object
\{[Number]} x -- the horizontal "x" position of the JSfield object in pixels
\{[Number]} y -- the vertical "y" position of the JSField object in pixels
\{[Number]} width -- the width of the JSField object in pixels
\{[Number]} height -- the height of the JSField object in pixels
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSField] -- a new JSField object on the form with the displayType of CHECK (checkbox){div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var form = solutionModel.newForm('newForm1', myDatasource, null, true, 800, 600);
var calendar = form.newCheck(myDataProvider, 100, 100, 200, 200);
forms['newForm1'].controller.show();
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=newComboBox-Object_Number_Number_Number_Number}{tr:id=name}{td}h6.newComboBox{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSField]{span}{span:style=font-weight: bold;}newComboBox{span}{span}\(dataprovider, x, y, width, height){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Creates a new JSField object on the form with the displayType of COMBOBOX \- including the dataprovider/JSVariable of the JSField object, the "x" and "y" position of the JSField object in pixels, as well as the width and height of the JSField object in pixels.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[Object]} dataprovider -- the specified dataprovider name/JSVariable of the JSField object
\{[Number]} x -- the horizontal "x" position of the JSfield object in pixels
\{[Number]} y -- the vertical "y" position of the JSField object in pixels
\{[Number]} width -- the width of the JSField object in pixels
\{[Number]} height -- the height of the JSField object in pixels
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSField] -- a new JSField object on the form with the displayType of COMBOBOX{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var form = solutionModel.newForm('newForm1', myDatasource, null, true, 800, 600);
var calendar = form.newComboBox(myDataProvider, 100, 100, 200, 200);
forms['newForm1'].controller.show();
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=newField-Object_Number_Number_Number_Number_Number}{tr:id=name}{td}h6.newField{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSField]{span}{span:style=font-weight: bold;}[JSField]{span}{span:style=font-weight: bold;}newField{span}{span}\(dataprovider, type, x, y, width, height){span}newField{span}{span}\(dataprovider, type, x, y, width, height){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Creates a new JSField object on the form \- including the dataprovider/JSVariable of the JSField object, the "x" and "y" position of the JSField object in pixels, as well as the width and height of the JSField object in pixels.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[Object]} dataprovider -- the specified dataprovider name/JSVariable of the JSField object
\{[Number]} type -- the display type of the JSField object (see the Solution Model \-> JSField node for display types)
\{[Number]} x -- the horizontal "x" position of the JSField object in pixels
\{[Number]} y -- the vertical "y" position of the JSField object in pixels
\{[Number]} width -- the width of the JSField object in pixels
\{[Number]} height -- the height of the JSField object in pixels
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSField] -- a new JSField object (of the specified display type){div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var form = solutionModel.newForm('newForm1', myDatasource, null, true, 800, 600);
var variable = form.newVariable('myVar', JSVariable.TEXT);
variable.defaultValue = "'This is a default value (with triple quotes)!'";
var field = form.newField(variable, JSField.TEXT_FIELD, 100, 100, 200, 200);
forms['newForm1'].controller.show();
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=newFooterPart-Number}{tr:id=name}{td}h6.newFooterPart{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSPart]{span}{span:style=font-weight: bold;}newFooterPart{span}{span}\(height){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Creates a new Footer part on the form.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[Number]} height -- The height of the new part
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSPart] -- A JSFooter instance corresponding to the newly created Footer form part.{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var footer = form.newFooterPart(440);
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=newHeaderPart-Number}{tr:id=name}{td}h6.newHeaderPart{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSPart]{span}{span:style=font-weight: bold;}newHeaderPart{span}{span}\(height){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Creates a new Header part on the form.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[Number]} height -- The height of the new part
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSPart] -- A JSPart instance corresponding to the newly created Header form part.{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var header = form.newHeaderPart(80);
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=newHtmlArea-Object_Number_Number_Number_Number}{tr:id=name}{td}h6.newHtmlArea{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSField]{span}{span:style=font-weight: bold;}newHtmlArea{span}{span}\(dataprovider, x, y, width, height){span}\(dataprovider, x, y, width, height){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Creates a new JSField object on the form with the displayType of HTML\_AREA \- including the dataprovider/JSVariable of the JSField object, the "x" and "y" position of the JSField object in pixels, as well as the width and height of the JSField object in pixels.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[Object]} dataprovider -- the specified dataprovider name/JSVariable of the JSField object
\{[Number]} x -- the horizontal "x" position of the JSfield object in pixels
\{[Number]} y -- the vertical "y" position of the JSField object in pixels
\{[Number]} width -- the width of the JSField object in pixels
\{[Number]} height -- the height of the JSField object in pixels
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSField] -- a JSField object on the form with the displayType of HTML_AREA{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var form = solutionModel.newForm('newForm1', myDatasource, null, true, 800, 600);
var textProvider = form.newVariable('myVar',JSVariable.TEXT);
textProvider.defaultValue = "'This is a triple quoted text!'";
var htmlArea = myListViewForm.newHtmlArea(textProvider,100,100,100,100);
forms['newForm1'].controller.show();
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=newImageMedia-Object_Number_Number_Number_Number}{tr:id=name}{td}h6.newImageMedia{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSField]{span}{span:style=font-weight: bold;}newImageMedia{span}{span}\(dataprovider, x, y, width, height){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Creates a new JSField object on the form with the displayType of IMAGE\_MEDIA \- including the dataprovider/JSVariable of the JSField object, the "x" and "y" position of the JSField object in pixels, as well as the width and height of the JSField object in pixels.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[Object]} dataprovider -- the specified dataprovider name/JSVariable of the JSField object
\{[Number]} x -- the horizontal "x" position of the JSfield object in pixels
\{[Number]} y -- the vertical "y" position of the JSField object in pixels
\{[Number]} width -- the width of the JSField object in pixels
\{[Number]} height -- the height of the JSField object in pixels
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSField] -- a new JSField object on the form with the displayType of IMAGE_MEDIA{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var form = solutionModel.newForm('newForm1', myDatasource, null, true, 800, 600);
var myMediaVar = form.newVariable("media", JSVariable.MEDIA);
var imageMedia = form.newImageMedia(myMediaVar,100,100,200,200)
forms['newForm1'].controller.show();
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=newLabel-String_Number_Number_Number_Number}{tr:id=name}{td}h6.newLabel{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSLabel]{span}{span:style=font-weight: bold;}newLabel{span}{span}\(txt, x, y, width, height){span(txt, x, y, width, height){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Creates a new JSLabel object on the form \- including the text of the label, the "x" and "y" position of the label object in pixels, the width and height of the label object in pixels.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[String]} txt -- the specified text of the label object
\{[Number]} x -- the horizontal "x" position of the label object in pixels
\{[Number]} y -- the vertical "y" position of the label object in pixels
\{[Number]} width -- the width of the label object in pixels
\{[Number]} height -- the height of the label object in pixels
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSLabel] -- a JSLabel object{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var form = solutionModel.newForm('newForm1', myDatasource, null, true, 800, 600);
var label = form.newLabel('The text on the label', 140, 140, 50, 20);
forms['newForm1'].controller.show();
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=newLabel-String_Number_Number_Number_Number_Object}{tr:id=name}{td}h6.newLabel{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSLabel]{span}{span:style=font-weight: bold;}newLabel{span}{span}\(txt, x, y, width, height, action){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Creates a new JSLabel object on the form \- including the text of the label, the "x" and "y" position of the label object in pixels, the width and height of the label object in pixels and a JSMethod action such as the method for an onAction event.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[String]} txt -- the specified text of the label object
\{[Number]} x -- the horizontal "x" position of the label object in pixels
\{[Number]} y -- the vertical "y" position of the label object in pixels
\{[Number]} width -- the width of the label object in pixels
\{[Number]} height -- the height of the label object in pixels
\{[Object]} action -- the event action JSMethod of the label object
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSLabel] -- a JSLabel object{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var form = solutionModel.newForm('newForm1', myDatasource, null, true, 800, 600);
var label = form.newLabel('The text on the label', 140, 140, 50, 20);
forms['newForm1'].controller.show();
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=newLeadingGrandSummaryPart-Number}{tr:id=name}{td}h6.newLeadingGrandSummaryPart{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSPart]{span}{span:style=font-weight: bold;}newLeadingGrandSummaryPart{span}{span}\(height){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Creates a new Leading Grand Summary part on the form.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[Number]} height -- The height of the new part
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSPart] -- A JSPart instance corresponding to the newly created Leading Grand Summary form part.{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var leadingGrandSummary = form.newLeadingGrandSummaryPart(120);
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=newLeadingSubSummaryPart-Number}{tr:id=name}{td}h6.newLeadingSubSummaryPart{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSPart]{span}{span:style=font-weight: bold;}newLeadingSubSummaryPart{span}{span}\(height){spanheight){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Creates a new Leading Subsummary part on the form.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[Number]} height -- The height of the new part
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSPart] -- A JSPart instance corresponding to the newly created Leading Subsummary form part.{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var leadingSubsummary = form.newLeadingSubSummaryPart(160);
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=newListBox-Object_Number_Number_Number_Number}{tr:id=name}{td}h6.newListBox{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSField]{span}{span:style=font-weight: bold;}newListBox{span}{span}\(dataprovider, x, y, width, height){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Creates a new JSField object on the form with the displayType of LISTBOX \- including the dataprovider/JSVariable of the JSField object, the "x" and "y" position of the JSField object in pixels, as well as the width and height of the JSField object in pixels.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[Object]} dataprovider -- the specified dataprovider name/JSVariable of the JSField object
\{[Number]} x -- the horizontal "x" position of the JSfield object in pixels
\{[Number]} y -- the vertical "y" position of the JSField object in pixels
\{[Number]} width -- the width of the JSField object in pixels
\{[Number]} height -- the height of the JSField object in pixels
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSField] -- a new JSField object on the form with the displayType of LISTBOX{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var form = solutionModel.newForm('newForm1', 'myServer', 'myTable', null, true, 800, 600);
var list = form.newListBox(myDataProvider, 100, 100, 200, 200);
forms['newForm1'].controller.show();
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=newMethod-String}{tr:id=name}{td}h6.newMethod{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSMethod]{span}{span:style=font-weight: bold;}newMethod{span}{span}\(code){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Creates a new form JSMethod \- based on the specified code.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[String]} code -- the specified code for the new method
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSMethod] -- a new JSMethod object for this form{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var form = solutionModel.newForm('newForm1', myDatasource, null, true, 800, 600);
var method = form.newMethod('function aMethod(event){application.output("Hello world!");}');
var button = myListViewForm.newButton('Show message!',50,50,100,30,method);
forms['newForm1'].controller.show();
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=newMultiSelectListBox-Object_Number_Number_Number_Number}{tr:id=name}{td}h6.newMultiSelectListBox{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSField]{span}{span:style=font-weight: bold;}newMultiSelectListBox{span}{span}\(dataprovider, x, y, width, height){span}\(dataprovider, x, y, width, height){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Creates a new JSField object on the form with the displayType of MULTISELECT\_LISTBOX \- including the dataprovider/JSVariable of the JSField object, the "x" and "y" position of the JSField object in pixels, as well as the width and height of the JSField object in pixels.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[Object]} dataprovider -- the specified dataprovider name/JSVariable of the JSField object
\{[Number]} x -- the horizontal "x" position of the JSfield object in pixels
\{[Number]} y -- the vertical "y" position of the JSField object in pixels
\{[Number]} width -- the width of the JSField object in pixels
\{[Number]} height -- the height of the JSField object in pixels
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSField] -- a new JSField object on the form with the displayType of MULTISELECT_LISTBOX{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var form = solutionModel.newForm('newForm1', 'myServer', 'myTable', null, true, 800, 600);
var calendar = form.newMultiSelectListBox(myDataProvider, 100, 100, 200, 200);
forms['newForm1'].controller.show();
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=newPart-Number_Number}{tr:id=name}{td}h6.newPart{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSPart]{span}{span:style=font-weight: bold;}newPart{span}{span}\(type, height){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Creates a new part on the form. The type of the new part (use one of the JSPart constants)
and its height must be specified.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[Number]} type -- The type of the new part.
\{[Number]} height -- The height of the new part
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSPart] -- A JSPart instance corresponding to the newly created form part.{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var form = solutionModel.newForm('myForm', 'db:/example_data/my_table', null, false, 1200, 800);
var header = form.newPart(JSPart.HEADER, 100);
header.background = 'yellow';
var body = form.newPart(JSPart.BODY, 700);
body.background = 'green';
var footer = form.newPart(JSPart.FOOTER, 800);
footer.background = 'orange';
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=newPassword-Object_Number_Number_Number_Number}{tr:id=name}{td}h6.newPassword{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSField]{span}{span:style=font-weight: bold;}newPassword{span}{span}\(dataprovider, x, y, width, height){span, x, y, width, height){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Creates a new JSField object on the form with the displayType of PASSWORD \- including the dataprovider/JSVariable of the JSField object, the "x" and "y" position of the JSField object in pixels, as well as the width and height of the JSField object in pixels.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[Object]} dataprovider -- the specified dataprovider name/JSVariable of the JSField object
\{[Number]} x -- the horizontal "x" position of the JSfield object in pixels
\{[Number]} y -- the vertical "y" position of the JSField object in pixels
\{[Number]} width -- the width of the JSField object in pixels
\{[Number]} height -- the height of the JSField object in pixels
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSField] -- a new JSField object on the form with the displayType of PASSWORD{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var form = solutionModel.newForm('newForm1', myDatasource, null, true, 800, 600);
var pass = form.newPassword(scopes.globals.aVariable, 100, 100, 70, 30);
forms['newForm1'].controller.show();
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=newPortal-String_Object_Number_Number_Number_Number}{tr:id=name}{td}h6.newPortal{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSPortal]{span}{span:style=font-weight: bold;}newPortal{span}{span}\(name, relation, x, y, width, height){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Creates a new JSPortal object on the form \- including the name of the JSPortal object; the relation the JSPortal object is based on, the "x" and "y" position of the JSPortal object in pixels, as well as the width and height of the JSPortal object in pixels.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[String]} name -- the specified name of the JSPortal object
\{[Object]} relation -- the relation of the JSPortal object
\{[Number]} x -- the horizontal "x" position of the JSPortal object in pixels
\{[Number]} y -- the vertical "y" position of the JSPortal object in pixels
\{[Number]} width -- the width of the JSPortal object in pixels
\{[Number]} height -- the height of the JSPortal object in pixels
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSPortal] -- a JSPortal object{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var form = solutionModel.newForm('newForm1', 'db:/server1/table1', null, true, 800, 600);
var relation = solutionModel.newRelation('parentToChild','db:/server1/table1','db:/server2/table2',JSRelation.INNER_JOIN);
relation.newRelationItem('another_parent_table_id', '=', 'another_child_table_parent_id');
var portal = form.newPortal('portal',relation,200,200,300,300);
portal.newField('someColumn',JSField.TEXT_FIELD,200,200,120);
forms['newForm1'].controller.show();
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=newRadios-Object_Number_Number_Number_Number}{tr:id=name}{td}h6.newRadios{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSField]{span}{span:style=font-weight: bold;}newRadios{span}{span}\(dataprovider, x, y, width, height){span, x, y, width, height){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Creates a new JSField object on the form with the displayType of RADIOS (radio buttons) \- including the dataprovider/JSVariable of the JSField object, the "x" and "y" position of the JSField object in pixels, as well as the width and height of the JSField object in pixels.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[Object]} dataprovider -- the specified dataprovider name/JSVariable of the JSField object
\{[Number]} x -- the horizontal "x" position of the JSfield object in pixels
\{[Number]} y -- the vertical "y" position of the JSField object in pixels
\{[Number]} width -- the width of the JSField object in pixels
\{[Number]} height -- the height of the JSField object in pixels
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSField] -- a JSField object with the displayType of RADIOS (radio buttons){div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var form = solutionModel.newForm('newForm1', myDatasource, null, true, 800, 600);
var vlist = solutionModel.newValueList('options',JSValueList.CUSTOM_VALUES); 
vlist.customValues = "value1\nvalue2\nvalue3"; 
var radios = form.newRadios('columnDataProvider',100,100,200,200);
radios.valuelist = vlist;
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=newRtfArea-Object_Number_Number_Number_Number}{tr:id=name}{td}h6.newRtfArea{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSField]{span}{span:style=font-weight: bold;}newRtfArea{span}{span}\(dataprovider, x, y, width, height){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Creates a new JSField object on the form with the displayType of RTF\_AREA (enables more than one line of text to be displayed in a field) \- including the dataprovider/JSVariable of the JSField object, the "x" and "y" position of the JSField object in pixels, as well as the width and height of the JSField object in pixels.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[Object]} dataprovider -- the specified dataprovider name/JSVariable of the JSField object
\{[Number]} x -- the horizontal "x" position of the JSfield object in pixels
\{[Number]} y -- the vertical "y" position of the JSField object in pixels
\{[Number]} width -- the width of the JSField object in pixels
\{[Number]} height -- the height of the JSField object in pixels
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSField] -- a JSField object with the displayType of RTF_AREA{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var form = solutionModel.newForm('newForm1',myDatasource,null,true,800,600);
var rtf_area = form.newRtfArea('columnDataProvider',100,100,100,100);
forms['newForm1'].controller.show();
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=newSpinner-Object_Number_Number_Number_Number}{tr:id=name}{td}h6.newSpinner{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSField]{span}{span:style=font-weight: bold;}newSpinner{span}{span}\(dataprovider, x, y, width, height){span\(dataprovider, x, y, width, height){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Creates a new JSField object on the form with the displayType of SPINNER \- including the dataprovider/JSVariable of the JSField object, the "x" and "y" position of the JSField object in pixels, as well as the width and height of the JSField object in pixels.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[Object]} dataprovider -- the specified dataprovider name/JSVariable of the JSField object
\{[Number]} x -- the horizontal "x" position of the JSfield object in pixels
\{[Number]} y -- the vertical "y" position of the JSField object in pixels
\{[Number]} width -- the width of the JSField object in pixels
\{[Number]} height -- the height of the JSField object in pixels
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSField] -- a new JSField object on the form with the displayType of SPINNER{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var form = solutionModel.newForm('newForm1', 'myServer', 'myTable', null, true, 800, 600);
var spinner = form.newSpinner(myDataProvider, 10, 460, 100, 20);
forms['newForm1'].controller.show();
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=newTabPanel-String_Number_Number_Number_Number}{tr:id=name}{td}h6.newTabPanel{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSTabPanel]{span}{span:style=font-weight: bold;}newTabPanel{span}{span}\(name, x, y, width, height){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Creates a new JSTabPanel object on the form \- including the name of the JSTabPanel object, the "x" and "y" position of the JSTabPanel object in pixels, as well as the width and height of the JSTabPanel object in pixels.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[String]} name -- the specified name of the JSTabPanel object
\{[Number]} x -- the horizontal "x" position of the JSTabPanel object in pixels
\{[Number]} y -- the vertical "y" position of the JSTabPanel object in pixels
\{[Number]} width -- the width of the JSTabPanel object in pixels
\{[Number]} height -- the height of the JSTabPanel object in pixels
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSTabPanel] -- a JSTabPanel object{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var form = solutionModel.newForm('parentForm','db:/server1/parent_table',null,false,640,480); 
var childOne = solutionModel.newForm('childOne','db:/server1/child_table',null,false,400,300);
childOne.newField('child_table_text', JSField.TEXT_FIELD,10,10,100,20); 
var parentToChild = solutionModel.newRelation('parentToChild','db:/server1/parent_table','db:/server1/child_table',JSRelation.INNER_JOIN);
parentToChild.newRelationItem('parent_table_id','=','child_table_parent_id');
var childTwo = solutionModel.newForm('childTwo','db:/server1/my_table',null,false,400,300);
childTwo.newField('my_table_image', JSField.IMAGE_MEDIA,10,10,100,100); 
var tabPanel = form.newTabPanel('tabs',10,10,620,460);
tabPanel.newTab('tab1','Child One',childOne,parentToChild);
tabPanel.newTab('tab2','Child Two',childTwo);
forms['parentForm'].controller.show();
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=newTextArea-Object_Number_Number_Number_Number}{tr:id=name}{td}h6.newTextArea{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSField]{span}{span:style=font-weight: bold;}newTextArea{span}{span}\(dataprovider, x, y, width, height){span}[JSField]{span}{span:style=font-weight: bold;}newTextArea{span}{span}\(dataprovider, x, y, width, height){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Creates a new JSField object on the form with the displayType of TEXT\_AREA \- including the dataprovider/JSVariable of the JSField object, the "x" and "y" position of the JSField object in pixels, as well as the width and height of the JSField object in pixels.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[Object]} dataprovider -- the specified dataprovider name/JSVariable of the JSField object
\{[Number]} x -- the horizontal "x" position of the JSTabPanel object in pixels
\{[Number]} y -- the vertical "y" position of the JSTabPanel object in pixels
\{[Number]} width -- the width of the JSTabPanel object in pixels
\{[Number]} height -- the height of the JSTabPanel object in pixels
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSField] -- a JSField object with the displayType of TEXT_AREA{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var form = solutionModel.newForm('newForm1',myDatasource,null,true,800,600);
var globalVar = solutionModel.newGlobalVariable('globals', 'myGlobal',JSVariable.TEXT);
globalVar.defaultValue = "'Type your text in here'";
var textArea = form.newTextArea(globalVar,100,100,300,150);
forms['newForm1'].controller.show();
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=newTextField-Object_Number_Number_Number_Number}{tr:id=name}{td}h6.newTextField{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSField]{span}{span:style=font-weight: bold;}newTextField{span}{span}\(dataprovider, x, y, width, height){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Creates a new JSField object on the form with the displayType of TEXT\_FIELD \- including the dataprovider/JSVariable of the JSField object, the "x" and "y" position of the JSField object in pixels, as well as the width and height of the JSField object in pixels.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[Object]} dataprovider -- the specified dataprovider name/JSVariable of the JSField object
\{[Number]} x -- the horizontal "x" position of the JSfield object in pixels
\{[Number]} y -- the vertical "y" position of the JSField object in pixels
\{[Number]} width -- the width of the JSField object in pixels
\{[Number]} height -- the height of the JSField object in pixels
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSField] -- a JSField object with the displayType of TEXT_FIELD{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var form = solutionModel.newForm('newForm1',myDatasource,null,true,800,600); 
//choose the dataprovider or jsvariable you want for the Text Field
var x = null;
//global jsvariable as the dataprovider 
//x = solutionModel.newGlobalVariable('globals', 'myGlobal',JSVariable.TEXT);
//x.defaultValue = "'Text from a global variable'";
//or a form jsvariable as the dataprovider 
//x = form.newVariable('myFormVar',JSVariable.TEXT);
//x.defaultValue = "'Text from a form variable'";
var textField = form.newTextField(x,100,100,200,50);
//or a column data provider as the dataprovider
//textField.dataProviderID = columnTextDataProvider;
forms['newForm1'].controller.show();
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=newTitleFooterPart-Number}{tr:id=name}{td}h6.newTitleFooterPart{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSPart]{span}{span:style=font-weight: bold;}newTitleFooterPart{span}{span}\(height){span(height){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Creates a new Title Footer part on the form.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[Number]} height -- The height of the new part
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSPart] -- A JSPart instance corresponding to the newly created Title Footer form part.{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var titleFooter = form.newTitleFooterPart(500);
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=newTitleHeaderPart-Number}{tr:id=name}{td}h6.newTitleHeaderPart{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSPart]{span}{span:style=font-weight: bold;}newTitleHeaderPart{span}{span}\(height){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Creates a new Title Header part on the form.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[Number]} height -- The height of the new part
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSPart] -- A JSPart instance corresponding to the newly created Title Header form part.{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var titleHeader = form.newTitleHeaderPart(40);
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=newTrailingGrandSummaryPart-Number}{tr:id=name}{td}h6.newTrailingGrandSummaryPart{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSPart]{span}{span:style=font-weight: bold;}newTrailingGrandSummaryPart{span}{span}\(height){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Creates a new Trailing Grand Summary part on the form.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[Number]} height -- The height of the new part
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSPart] -- A JSPart instance corresponding to the newly created Trailing Grand Summary form part.{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var trailingGrandSummary = form.newTrailingGrandSummaryPart(400);
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=newTrailingSubSummaryPart-Number}{tr:id=name}{td}h6.newTrailingSubSummaryPart{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSPart]{span}{span:style=font-weight: bold;}newTrailingSubSummaryPart{span}{span}\(height){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Creates a new Trailing Subsummary part on the form.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[Number]} height -- The height of the new part
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSPart] -- A JSPart instance corresponding to the newly created Trailing Subsummary form part.{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var trailingSubsummary = form.newTrailingSubSummaryPart(360);
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=newTypeAhead-Object_Number_Number_Number_Number}{tr:id=name}{td}h6.newTypeAhead{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSField]{span}{span:style=font-weight: bold;}newTypeAhead{span}{span}\(dataprovider, x, y, width, height){span: bold;}newTypeAhead{span}{span}\(dataprovider, x, y, width, height){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Creates a new JSField object on the form with the displayType of TYPE\_AHEAD \- including the dataprovider/JSVariable of the JSField object, the "x" and "y" position of the JSField object in pixels, as well as the width and height of the JSField object in pixels.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[Object]} dataprovider -- the specified dataprovider name/JSVariable of the JSField object
\{[Number]} x -- the horizontal "x" position of the JSfield object in pixels
\{[Number]} y -- the vertical "y" position of the JSField object in pixels
\{[Number]} width -- the width of the JSField object in pixels
\{[Number]} height -- the height of the JSField object in pixels
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSField] -- a JSField object with the displayType of TYPE_AHEAD{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var form = solutionModel.newForm('newForm1',myDatasource,null,true,800,600);
var vlist = solutionModel.newValueList('options',JSValueList.CUSTOM_VALUES);
vlist.customValues = "value1\nvalue2\nvalue3";
var typeAhead = form.newTypeAhead(columnTextDataProvider,100,100,300,200);
typeAhead.valuelist = vlist;
forms['newForm1'].controller.show();
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=newVariable-String_Number}{tr:id=name}{td}h6.newVariable{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSVariable]{span}{span:style=font-weight: bold;}newVariable{span}{span}\(name, type){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Creates a new form JSVariable \- based on the name of the variable object and the number type, uses the SolutionModel JSVariable constants.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[String]} name -- the specified name of the variable
\{[Number]} type -- the specified type of the variable (see Solution Model \-> JSVariable node constants)
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSVariable] -- a JSVariable object{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var form = solutionModel.newForm('newForm1', myDatasource, null, true, 800, 600);
var variable = form.newVariable('myVar', JSVariable.TEXT , "'This is a default value (with triple quotes)!'");
//or variable = form.newVariable('myVar', JSVariable.TEXT)
//variable.defaultValue = "'This is a default value (with triple quotes)!'" // setting the default value after the variable is created requires form recreation
//variable.defaultValue = "{a:'First letter',b:'Second letter'}"   
var field = form.newField(variable, JSField.TEXT_FIELD, 100, 100, 200, 200);
forms['newForm1'].controller.show();
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=newVariable-String_Number_String}{tr:id=name}{td}h6.newVariable{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[JSVariable]{span}{span:style=font-weight: bold;}newVariable{span}{span}\(name, type, defaultValue){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Creates a new form JSVariable \- based on the name of the variable object , the type, defaultValue){span type  and it's default value , uses the SolutionModel JSVariable constants.

This method does not require the form to be destroyed and recreated. Use this method if you want to change the form's model without destroying the runtime form</b>{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[String]} name -- the specified name of the variable
\{[Number]} type -- the specified type of the variable (see Solution Model \-> JSVariable node constants)
\{[String]} defaultValue -- the default value as a javascript expression string
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSVariable] -- a JSVariable object{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var form = solutionModel.newForm('newForm1', myDatasource, null, true, 800, 600);
var variable = form.newVariable('myVar', JSVariable.TEXT , "'This is a default value (with triple quotes)!'");
//or variable = form.newVariable('myVar', JSVariable.TEXT)
//variable.defaultValue = "'This is a default value (with triple quotes)!'" // setting the default value after the variable is created requires form recreation
//variable.defaultValue = "{a:'First letter',b:'Second letter'}"   
var field = form.newField(variable, JSField.TEXT_FIELD, 100, 100, 200, 200);
forms['newForm1'].controller.show();
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=putDesignTimeProperty}{tr:id=name}{td}h6.putDesignTimeProperty{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[Object]{span}{span:style=font-weight: bold;}putDesignTimeProperty{span}{span}\(){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Set a design\-time property of a form.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[Object]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var frm = solutionModel.getForm('orders')
frm.putDesignTimeProperty('myprop', 'lemon')
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=removeBean-String}{tr:id=name}{td}h6.removeBean{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[Boolean]{span}{span:style=font-weight: bold;}removeBean{span}{span}\(name){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Removes a JSBean that has the specified name. Returns true if removal was successful, false otherwise.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[String]} name -- the specified name of the JSBean to be removed
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[Boolean] -- true if the JSBean has been removed; false otherwise{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var form = solutionModel.getForm('myform');
form.removeBean('mybean')
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=removeButton-String}{tr:id=name}{td}h6.removeButton{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[Boolean]{span}{span:style=font-weight: bold;}removeButton{span}{span}\(name){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Removes a JSButton that has the specified name. Returns true if removal was successful, false otherwise.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[String]} name -- the specified name of the JSButton to be removed
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[Boolean] -- true if the JSButton has been removed; false otherwise{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var form = solutionModel.newForm('newFormX',myDatasource,null,true,800,600);
var b1 = form.newButton('This is button1',100,100,200,50,null);
b1.name = 'b1';
var jsmethod = form.newMethod("function removeMe(event) { var form = solutionModel.getForm('newFormX'); if (form.removeButton('b1') == true) application.output('Button has been removed ok'); else application.output('Button could not be deleted'); forms['newFormX'].controller.recreateUI();}");
var b2 = form.newButton('Click here to remove button1',100,230,200,50,jsmethod);
b2.name = 'b2';
forms['newFormX'].controller.show();
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=removeComponent-String}{tr:id=name}{td}h6.removeComponent{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[Boolean]{span}{span:style=font-weight: bold;}removeComponent{span}{span}\(name){span\(name){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Removes a component (JSLabel, JSButton, JSField, JSPortal, JSBean, JSTabpanel) that has the given name. It is the same as calling "if(!removeLabel(name) &amp;&amp; !removeButton(name) ....)".
Returns true if removal was successful, false otherwise.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[String]} name -- the specified name of the component to be deleted
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[Boolean] -- true if component has been successfully deleted; false otherwise{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var form = solutionModel.newForm('newFormX','db:/server1/parent_table',null,true,1000,750);
var jsbutton = form.newButton('JSButton to delete',100,100,200,50,null);
jsbutton.name = 'jsb';
var jslabel = form.newLabel('JSLabel to delete',100,200,200,50,null);
jslabel.name = 'jsl';
jslabel.transparent = false;
jslabel.background = 'green';
var jsfield = form.newField('scopes.globals.myGlobalVariable',JSField.TEXT_FIELD,100,300,200,50);
jsfield.name = 'jsf';
var relation = solutionModel.newRelation('parentToChild','db:/server1/parent_table','db:/server1/child_table',JSRelation.INNER_JOIN);
relation.newRelationItem('parent_table_id', '=', 'child_table_id');
var jsportal = form.newPortal('jsp',relation,100,400,300,300);
jsportal.newField('child_table_id',JSField.TEXT_FIELD,200,200,120);
var childOne = solutionModel.newForm('childOne','db:/server1/child_table',null,false,400,300);
childOne.newField('child_table_id', JSField.TEXT_FIELD,10,10,100,20);
var childTwo = solutionModel.newForm('childTwo','server1','other_table',null,false,400,300);
childTwo.newField('some_table_id', JSField.TEXT_FIELD,10,10,100,100); 
var jstabpanel = form.newTabPanel('jst',450,30,620,460);
jstabpanel.newTab('tab1','Child One',childOne,relation);
jstabpanel.newTab('tab2','Child Two',childTwo);
var jsmethod = form.newMethod("function removeMe(event) { var form = solutionModel.getForm('newFormX');\n if ((form.removeComponent('jsb') == true) && (form.removeComponent('jsl') == true) && (form.removeComponent('jsf') == true) && (form.removeComponent('jsp') == true) & (form.removeComponent('jst') == true)) application.output('Components removed ok'); else application.output('Some component(s) could not be deleted'); forms['newFormX'].controller.recreateUI();}");
var removerButton = form.newButton('Click here to remove form components',450,500,250,50,jsmethod);
removerButton.name = 'remover';
forms['newFormX'].controller.show();
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=removeDesignTimeProperty}{tr:id=name}{td}h6.removeDesignTimeProperty{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[Object]{span}{span:style=font-weight: bold;}removeDesignTimeProperty{span}{span}\(){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Clear a design\-time property of a form.{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[Object]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var frm = solutionModel.getForm('orders')
frm.removeDesignTimeProperty('myprop')
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=removeField-String}{tr:id=name}{td}h6.removeField{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[Boolean]{span}{span:style=font-weight: bold;}removeField{span}{span}\(name){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Removes a JSField that has the given name. Returns true if removal was successful, false otherwise.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[String]} name -- the specified name of the JSField to remove
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[Boolean] -- true is the JSField has been successfully removed; false otherwise{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var form = solutionModel.newForm('newFormX',myDatasource,null,true,800,600);
var jsfield = form.newField(scopes.globals.myGlobalVariable,JSField.TEXT_FIELD,100,300,200,50);
jsfield.name = 'jsf';
var jsmethod = form.newMethod("function removeMe(event) { var form = solutionModel.getForm('newFormX');\n if (form.removeComponent('jsf') == true) application.output('Field has been removed ok'); else application.output('Field could not be deleted'); forms['newFormX'].controller.recreateUI();}");
var removerButton = form.newButton('Click here to remove the field',450,500,250,50,jsmethod);
removerButton.name = 'remover';
forms['newFormX'].controller.show();
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=removeLabel-String}{tr:id=name}{td}h6.removeLabel{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[Boolean]{span}{span:style=font-weight: bold;}removeLabel{span}{span}\(name){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Removes a JSLabel that has the given name. Returns true if removal successful, false otherwise{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[String]} name -- the specified name of the JSLabel to be removed
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[Boolean] -- true if the JSLabel with the given name has successfully been removed; false otherwise{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var form = solutionModel.newForm('newFormX',myDatasource,null,true,1000,750);
var jslabel = form.newLabel('JSLabel to delete',100,200,200,50,null);
jslabel.name = 'jsl';
jslabel.transparent = false;
jslabel.background = 'green';
var jsmethod = form.newMethod("function removeMe(event) { var form = solutionModel.getForm('newFormX'); if (form.removeComponent('jsl') == true) application.output('Label has been removed'); else application.output('Label could not be deleted'); forms['newFormX'].controller.recreateUI();}");
var removerButton = form.newButton('Click here to remove the green label',450,500,250,50,jsmethod);
removerButton.name = 'remover';
forms['newFormX'].controller.show();
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=removeMethod-String}{tr:id=name}{td}h6.removeMethod{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[Boolean]{span}{span:style=font-weight: bold;}removeMethod{span}{span}\(name){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Removes a  form JSMethod \- based on the specified code.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[String]} name -- the specified name of the method
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[Boolean] -- true if method was removed successfully , false otherwise{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var form = solutionModel.newForm('newForm1', null, null, true, 800, 600);
var hello = form.newMethod('function aMethod(event){application.output("Hello world!");}');
var removeMethod = form.newMethod('function removeMethod(event){ \
									solutionModel.getForm(event.getFormName()).removeMethod("aMethod"); \
									forms[event.getFormName()].controller.recreateUI();\
									}');
var button1 = form.newButton('Call method!',50,50,120,30,hello);
var button2 = form.newButton('Remove Mehtod!',200,50,120,30,removeMethod);
forms['newForm1'].controller.show();
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=removePart-Number}{tr:id=name}{td}h6.removePart{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[Boolean]{span}{span:style=font-weight: bold;}removePart{span}{span}\(type){spanbold;}removePart{span}{span}\(type){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Removes a JSPart of the given type.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[Number]} type -- The type of the part that should be removed.
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[Boolean] -- True if the part is successfully removed, false otherwise.{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
form.removePart(JSPart.HEADER);
form.removePart(JSPart.LEADING_SUBSUMMARY, 160);
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=removePart-Number_Number}{tr:id=name}{td}h6.removePart{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[Boolean]{span}{span:style=font-weight: bold;}removePart{span}{span}\(type, height){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Removes a JSPart of the given type. The height parameter is for removing one of multiple subsummary parts.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[Number]} type -- The type of the part that should be removed.
\{[Number]} height -- The height of the part that should be removed. This parameter is for 
					removing one of multiple Leading/Trailing Subsummary parts.
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[Boolean] -- True if the part is successfully removed, false otherwise.{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
form.removePart(JSPart.HEADER);
form.removePart(JSPart.LEADING_SUBSUMMARY, 160);
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=removePortal-String}{tr:id=name}{td}h6.removePortal{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[Boolean]{span}{span:style=font-weight: bold;}removePortal{span}{span}\(name){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Removes a JSPortal that has the given name. Returns true if removal was successful, false otherwise.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[String]} name -- the specified name of the JSPortal to be removed
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[Boolean] -- true if the JSPortal has successfully been removed; false otherwise{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var form = solutionModel.newForm('newFormX',myDatasource,null,true,800,600);
var relation = solutionModel.newRelation('parentToChild','db:/server1/myTable','db:/server1/myOtherTable',JSRelation.INNER_JOIN);
relation.newRelationItem('parent_table_id', '=', 'child_table_id');
var jsportal = form.newPortal('jsp',relation,100,400,300,300);
jsportal.newField('child_table_id',JSField.TEXT_FIELD,200,200,120);
var jsmethod = form.newMethod("function removeMe(event) { var form = solutionModel.getForm('newFormX');\n if (form.removeComponent('jsp') == true) application.output('Portal removed ok'); else application.output('Portal could not be deleted'); forms['newFormX'].controller.recreateUI();}");
var removerButton = form.newButton('Click here to remove the portal',450,500,250,50,jsmethod);
removerButton.name = 'remover';
forms['newFormX'].controller.show();
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=removeTabPanel-String}{tr:id=name}{td}h6.removeTabPanel{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[Boolean]{span}{span:style=font-weight: bold;}removeTabPanel{span}{span}\(name){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Removes a JSTabPanel that has the given name. Returns true if removal was successful, false otherwise.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[String]} name -- the specified name of the JSTabPanel to be removed
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[Boolean] -- true is the JSTabPanel has been successfully removed, false otherwise{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var form = solutionModel.newForm('newFormX','db:/server1/parent_table',null,false,800,600);
var childOne = solutionModel.newForm('childOne','db:/server1/child_table',null,false,400,300);
childOne.newField('child_table_text', JSField.TEXT_FIELD,10,10,100,20); 
var parentToChild = solutionModel.newRelation('parentToChild','db:/server1/parent_table','db:/server1/child_table',JSRelation.INNER_JOIN);
parentToChild.newRelationItem('parent_table_id','=','child_table_id');
var childTwo = solutionModel.newForm('childTwo','db:/server1/another_table',null,false,400,300);
childTwo.newField('columnDataProvider', JSField.TEXT_FIELD,10,10,100,100);
var tabPanel = form.newTabPanel('jst',10,10,620,460);
tabPanel.newTab('tab1','Child One',childOne,parentToChild);
tabPanel.newTab('tab2','Child Two',childTwo);
var jsmethod = form.newMethod("function removeMe(event) { var form = solutionModel.getForm('newFormX');\n if (form.removeComponent('jst') == true)\n application.output('TabPanel has been removed ok');\n else\n application.output('TabPanel could not be deleted');\n forms['newFormX'].controller.recreateUI();\n}");
var removerButton = form.newButton('Click here to remove the tab panel',450,500,250,50,jsmethod);
removerButton.name = 'remover';
forms['newFormX'].controller.show();
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=removeVariable-String}{tr:id=name}{td}h6.removeVariable{td}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[Boolean]{span}{span:style=font-weight: bold;}removeVariable{span}{span}\(name){span}{td}{tr}{tr:id=des}{td}{div:class=sIndent}Removes a form JSVariable \- based on the name of the variable object.{div}{td}{tr}{tr:id=prs}{td}*Parameters*\\{div:class=sIndent}\{[String]} name -- the specified name of the variable
{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[Boolean] -- true if removed, false otherwise (ex: no var with that name){div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript}
var form = solutionModel.newForm('newForm1', null, null, true, 800, 600);
var variable = form.newVariable('myVar', JSVariable.TEXT);
variable.defaultValue = "'This is a default value (with triple quotes)!'";
//variable.defaultValue = "{a:'First letter',b:'Second letter'}"
var field = form.newField(variable, JSField.TEXT_FIELD, 100, 100, 200, 200);
forms['newForm1'].controller.show();

variable = form.removeVariable('myVar');
application.sleep(4000);
forms['newForm1'].controller.recreateUI();
{code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{table}