Page History
Wiki Markup |
---|
{hiddendiv:style=display:none} DO NOT EDIT THE CONTENT OF THIS PAGE DIRECTLY (EXCEPT INSIDE THE DIV BELOW WITH ID=DESCRIPTION), UNLESS YOU KNOW WHAT YOU'RE DOING. THE STRUCTURE OF THE CONTENT IS VITAL IN BEING ABLE TO EXTRACTAUTO CHANGES FROMUPDATE THE PAGECONTENT ANDTHROUGH MERGETHE THEM BACK INTO SERVOY SOURCE{hiddenDOC GENERATOR{div} {sub-sectiondiv:id=description|text=}{sub-sectiondiv}\\ {table:id=|class=servoy sReturnTypes}{tr:style=height: 30px;}{th}Extends{th}{tr}{tr}{td}{span:class=sWordList}[JSComponent]{span}{td}{tr}{table}\\ {table:id=|class=servoy sSummary}{colgroup}{column:width=80px|padding=0px}{column}{column}{column}{colgroup}{tr:style=height: 30px;}{th:colspan=2}Property Summary{th}{tr}{tbody}{tr}{td}[Number]{td}{td}[#anchors] Enables a component to stick to a specific side of form and/or to grow or shrink when a window is resized.{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#background] The background color of the component.{td}{tr}{tbody}{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}[#dataProviderID] The dataprovider of the component.{td}{tr}{tbody}{tbody}{tr}{td}[Boolean]{td}{td}[#displaysTags] Flag that enables or disables merging of data inside components using tags (placeholders).{td}{tr}{tbody}{tbody}{tr}{td}[Boolean]{td}{td}[#enabled] The enable state of the component, default true.{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#fontType] The font type of the component.{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#foreground] The foreground color of the component.{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#formIndex] The Z index of this component.{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#format] The format that should be applied when displaying data(using dataProviderID) in the label/button.{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#groupID] A String representing a group ID for this component.{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#height] The height in pixels of the component.{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#horizontalAlignment] Horizontal alignment of the text inside the component.{td}{tr}{tbody}{tbody}{tr}{td}[JSMedia]{td}{td}[#imageMedia] The image Media object that should be displayed inside the component.{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#labelFor] Some components can be set to be labels of other components.{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#margin] The margins of the component.{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#mediaOptions] Options to scale the image Media object that is displayed inside the component.{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#mnemonic] The keyboard shortcut that activates this component.{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#name] The name of the component.{td}{tr}{tbody}{tbody}{tr}{td}[JSMethod]{td}{td}[#onAction] The method that is executed when the component is clicked.{td}{tr}{tbody}{tbody}{tr}{td}[JSMethod]{td}{td}[#onDoubleClick] The method that is executed when the component is double clicked.{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}[#onRightClick] The method that is executed when the component is right clicked.{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#printSliding] Enables an element to resize based on its content and/or move when printing.{td}{tr}{tbody}{tbody}{tr}{td}[Boolean]{td}{td}[#printable] Flag that tells if the component should be printed or not when the form is printed.{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#rolloverCursor] The cursor that is shown as the mouse is rolled over the component.{td}{tr}{tbody}{tbody}{tr}{td}[JSMedia]{td}{td}[#rolloverImageMedia] The roll over image Media object used.{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#rotation] The rotation of the element.{td}{tr}{tbody}{tbody}{tr}{td}[Boolean]{td}{td}[#showClick] When set, the element will show the clicked state when selected.{td}{tr}{tbody}{tbody}{tr}{td}[Boolean]{td}{td}[#showFocus] When set the text of an element will showfocus when selected.{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#styleClass] The name of the style class that should be applied to this component.{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#tabSeq] An index that specifies the position of the component in the tab sequence.{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#text] The text that is displayed inside the component.{td}{tr}{tbody}{tbody}{tr}{td}[String]{td}{td}[#toolTipText] The text displayed when hovering over the component with a mouse cursor.{td}{tr}{tbody}{tbody}{tr}{td}[Boolean]{td}{td}[#transparent] Flag that tells if the component is transparent or not.{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#verticalAlignment] The vertical alignment of the text inside the component.{td}{tr}{tbody}{tbody}{tr}{td}[Boolean]{td}{td}[#visible] The visible property of the component, default true.{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#width] The width in pixels of the component.{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#x] The x coordinate of the component on the form.{td}{tr}{tbody}{tbody}{tr}{td}[Number]{td}{td}[#y] The y coordinate of the component on the form.{td}{tr}{tbody}{table}\\ {table:id=|class=servoy sSummary}{colgroup}{column:width=80px|padding=0px}{column}{column}{column}{colgroup}{tr:style=height: 30px;}{th:colspan=2}Method Summary{th}{tr}{tbody}{tr}{td}[Object]{td}{td}[#getDesignTimeProperty]\() Get a design\-time property of an element.{td}{tr}{tbody}{tbody}{tr}{td}[UUID]{td}{td}[#getUUID]\() Returns the UUID of this component.{td}{tr}{tbody}{tbody}{tr}{td}[Object]{td}{td}[#putDesignTimeProperty]\() Set a design\-time property of an element.{td}{tr}{tbody}{tbody}{tr}{td}[Object]{td}{td}[#removeDesignTimeProperty]\() Clear a design\-time property of an element.{td}{tr}{tbody}{table}\\ {table:id=property|class=servoy sDetail}{colgroup}{column:width=100%|padding=0px}{column}{colgroup}{tr:style=height: 30px;}{th:colspan=1}Property Details{th}{tr}{tbody:id=anchors|class=node}{tr:id=name}{td}h6.anchors{td}{tr}{builder-show:permission=edit}{tr:id=desret}{td}{sub-section:anchors_des|trigger=button|text=}{sub-section}{sub-section:anchors_des|trigger=none|*Returns*\\{div:class=sIndent}Replace with description{sub-section[Number]{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=sncsam}{td}*SinceSample*\\{sub-section:anchors_snc|trigger=button|text=}{sub-section}{sub-section:anchors_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:anchors_prs|trigger=button|text=}{sub-section}{sub-section:anchors_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:anchors_ret|trigger=button|text=}{sub-section}{sub-section:anchors_ret|trigger=none|class=sIndent}[Number]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:anchors_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:anchors_see|trigger=none}{sub-section}{divdiv:class=sIndent}{code:language=javascript} var form = solutionModel.newForm('mediaForm', 'db:/example_data/parent_table', null, false, 400, 300); var strechAllDirectionsLabel = form.newLabel('Strech all directions', 10, 10, 380, 280); strechAllDirectionsLabel.background = 'red'; strechAllDirectionsLabel.anchors = SM_ANCHOR.ALL; var strechVerticallyLabel = form.newLabel('Strech vertically', 10, 10, 190, 280); strechVerticallyLabel.background = 'green'; strechVerticallyLabel.anchors = SM_ANCHOR.WEST | SM_ANCHOR.NORTH | SM_ANCHOR.SOUTH; var strechHorizontallyLabel = form.newLabel('Strech horizontally', 10, 10, 380, 140); strechHorizontallyLabel.background = 'blue'; strechHorizontallyLabel.anchors = SM_ANCHOR.NORTH | SM_ANCHOR.WEST | SM_ANCHOR.EAST; var stickToTopLeftCornerLabel = form.newLabel('Stick to top-left corner', 10, 10, 200, 100); stickToTopLeftCornerLabel.background = 'orange'; stickToTopLeftCornerLabel.anchors = SM_ANCHOR.NORTH | SM_ANCHOR.WEST; // This is equivalent to SM_ANCHOR.DEFAULT var stickToBottomRightCornerLabel = form.newLabel('Stick to bottom-right corner', 190, 190, 200, 100); stickToBottomRightCornerLabel.background = 'pink'; stickToBottomRightCornerLabel.anchors = SM_ANCHOR.SOUTH | SM_ANCHOR.EAST; {code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{builder-showtbody}{builder-showtbody:permissionid=editbackground}{tr:id=linkname}{td}*External links*\\{sub-section:anchors_link|trigger=button|text=}{sub-section}h6.background{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}{sub-section:anchors_link|trigger=none}{sub-section}[String]{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:anchors_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:anchors_sam|trigger=none}{code:language=javascript} var form = solutionModel.newForm('mediaForm', 'db:/example_data/parent_table', null, false, 400, 300); var strechAllDirectionsLabel = form.newLabel('Strech all directions', 10, 10, 380, 280); strechAllDirectionsLabel.background = 'red'; strechAllDirectionsLabel.anchors = SM_ANCHOR.ALL; var strechVerticallyLabel // This property can be used on all types of components. // Here it is illustrated only for labels and fields. var greenLabel = form.newLabel('Strech verticallyGreen', 10, 10, 190100, 28050); strechVerticallyLabelgreenLabel.background = 'green'; strechVerticallyLabel.anchors = SM_ANCHOR.WEST | SM_ANCHOR.NORTH | SM_ANCHOR.SOUTH; var strechHorizontallyLabel// Use generic names for colors. var redField = form.newLabelnewField('Strech horizontally', 10, 10, 380, 140); strechHorizontallyLabelparent_table_text',JSField.TEXT_FIELD,10,110,100,30); redField.background = 'blue#FF0000'; strechHorizontallyLabel.anchors = SM_ANCHOR.NORTH | SM_ANCHOR.WEST | SM_ANCHOR.EAST; var stickToTopLeftCornerLabel = form.newLabel('Stick to top-left corner', 10, 10, 200, 100); stickToTopLeftCornerLabel.background = 'orange'; stickToTopLeftCornerLabel.anchors = SM_ANCHOR.NORTH | SM_ANCHOR.WEST; // This is equivalent to SM_ANCHOR.DEFAULT var stickToBottomRightCornerLabel = form.newLabel('Stick to bottom-right corner', 190, 190, 200, 100); stickToBottomRightCornerLabel.background = 'pink'; stickToBottomRightCornerLabel.anchors = SM_ANCHOR.SOUTH | SM_ANCHOR.EAST; {code}{sub-section// Use RGB codes for colors. {code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=background|class=nodeborderType}{tr:id=name}{td}h6.backgroundborderType{td}{tr}{builder-show:permission=edit}{tr:id=desret}{td}{sub-section:background_des|trigger=button|text=}{sub-section}{sub-section:background_des|trigger=none|*Returns*\\{div:class=sIndent}Replace with description{sub-section[String]{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=sncsam}{td}*SinceSample*\\{sub-section:background_snc|trigger=button|text=}{sub-section}{sub-section:background_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:background_prs|trigger=button|text=}{sub-section}{sub-section:background_prs|trigger=none|class=sIndent}{sub-sectiondiv: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 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}{builder-showtbody}{tbody:id=dataProviderID}{tr:id=retname}{td}*Returns*\\{sub-section:background_ret|trigger=button|text=}{sub-section}{sub-section:background_ret|trigger=none|class=sIndent}[String]{sub-section}h6.dataProviderID{td}{tr}{builder-show:permission=edit}{tr:id=seeret}{td}*Also seeReturns*\\{sub-section:background_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:background_see|trigger=none}{sub-section}[String]{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=linksam}{td}*External linksSample*\\{sub-section:background_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:background_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:background_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:background_sam|trigger=none}{code:language=code:language=javascript} // ThisNormally propertythe candataprovider beis usedspecified onwhen all types of components. // Here ita component is illustrated only for labels and fieldscreated. var greenLabelfield = form.newLabelnewField('Green',10,10,100,50); greenLabel.background = 'green'parent_table_text', JSField.TEXT_FIELD, 10, 40, 100, 20); // Use generic names for colors. var redField = form.newField(But it can be modified later if needed. field.dataProviderID = 'parent_table_text',JSField.TEXT_FIELD,10,110,100,30); redField.background = '#FF0000'; // Use RGB codes for colors. {code}{sub-sectionid'; {code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=borderType|class=nodedisplaysTags}{tr:id=name}{td}h6.borderTypedisplaysTags{td}{tr}{builder-show:permission=edit}{tr:id=desret}{td}{sub-section:borderType_des|trigger=button|text=}{sub-section}{sub-section:borderType_des|trigger=none|*Returns*\\{div:class=sIndent}Replace with description{sub-section[Boolean]{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=sncsam}{td}*SinceSample*\\{sub-section:borderType_snc|trigger=button|text=}{sub-section}{sub-section:borderType_snc|trigger=none|class=sIndent} Replace with version info{sub-sectiondiv:class=sIndent}{code:language=javascript} var label = form.newLabel('You are viewing record no. %%parent_table_id%%. You are running on server %%serverURL%%.', 10, 10, 600, 100); label.displaysTags = true; {code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{builder-showtbody}{builder-showtbody:permissionid=editenabled}{tr:id=prs}name}{td}h6.enabled{td}*Parameters*\\{sub-section:borderType_prs|trigger=button|text=}{sub-section}{sub-section:borderType_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show{tr}{tr:id=ret}{td}*Returns*\\{sub-section:borderType_ret|trigger=button|text=}{sub-section}{sub-section:borderType_ret|trigger=none|div:class=sIndent}[StringBoolean]{sub-sectiondiv}{td}{tr}{builder-show:permission=edit}{tr:id=seesam}{td}*Also seeSample*\\{sub-section:borderType_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:borderType_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:borderType_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:borderType_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:borderType_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:borderType_sam|trigger=none}{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 field = form.newField('my_table_text', JSField.TEXT_FIELD, 10, 10code:language=javascript} var form = solutionModel.newForm('printForm', 'db:/example_data/parent_table', null, false, 400, 300); var field = form.newField('parent_table_text', JSField.TEXT_FIELD, 10, 10, 100, 20); field.enabled = false; {code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=fontType}{tr:id=name}{td}h6.fontType{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 label = form.newLabel('Text here', 10, 50, 100, 20); fieldlabel.borderTypefontType = solutionModel.createLineBorder(1,'#ff0000'createFont('Times New Roman',1,14); {code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=dataProviderID|class=nodeforeground}{tr:id=name}{td}h6.dataProviderIDforeground{td}{tr}{builder-show:permission=edit}{tr:id=desret}{td}{sub-section:dataProviderID_des|trigger=button|text=}{sub-section}{sub-section:dataProviderID_des|trigger=none|*Returns*\\{div:class=sIndent}Replace with description{sub-section[String]{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=sncsam}{td}*SinceSample*\\{sub-section:dataProviderID_snc|trigger=button|text=}{sub-section}{sub-section:dataProviderID_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:dataProviderID_prs|trigger=button|text=}{sub-section}{sub-section:dataProviderID_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-showdiv:class=sIndent}{code:language=javascript} // This property can be used on all types of components. // Here it is illustrated only for labels and fields. var labelWithBlueText = form.newLabel('Blue text', 10, 10, 100, 30); labelWithBlueText.foreground = 'blue'; // Use generic names for colors. var fieldWithYellowText = form.newField('parent_table_text', JSField.TEXT_FIELD, 10, 50, 100, 20); fieldWithYellowText.foreground = '#FFFF00'; // Use RGB codes for colors. {code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=formIndex}{tr:id=name}{td}h6.formIndex{td}{tr}{tr:id=ret}{td}*Returns*\\{sub-section:dataProviderID_ret|trigger=button|text=}{sub-section}{sub-section:dataProviderID_ret|trigger=none|div:class=sIndent}[StringNumber]{sub-sectiondiv}{td}{tr}{builder-show:permission=edit}{tr:id=seesam}{td}*Also seeSample*\\{sub-section:dataProviderID_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:dataProviderID_see|trigger=none}{sub-sectioncode:language=javascript} var labelBelow = form.newLabel('Green', 10, 10, 100, 50); labelBelow.background = 'green'; labelBelow.formIndex = 10; var fieldAbove = form.newField('parent_table_text', JSField.TEXT_FIELD, 10, 10, 100, 30); fieldAbove.background = '#FF0000'; fieldAbove.formIndex = 20; {code}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=linktr:class=lastDetailRow}{td}{td}*External links*\\{sub-section:dataProviderID_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:dataProviderID_link|trigger=none}{sub-section}{div}{tr}{tbody}{tbody:id=format}{tr:id=name}{td}h6.format{td}{tr}{builder-show}{tr:id=samret}{td}*SampleReturns*\\{sub-section:dataProviderID_sam|trigger=button|text=}{sub-section}div:class=sIndent}[String]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{sub-section:dataProviderID_sam|trigger=none}{code:language=javascript} // Normally the dataprovider is specified when a component is created. var fieldlabel = form.newFieldnewLabel('parent_table_text', JSField.TEXT_FIELD10, 10, 40100, 100, 20); // But it can be modified later if needed. field.dataProviderIDlabel.format = 'parent_table_id''$#.00'; {code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=displaysTags|class=nodegroupID}{tr:id=name}{td}h6.displaysTagsgroupID{td}{tr}{builder-show:permission=edit}{tr:id=desret}{td}{sub-section:displaysTags_des|trigger=button|text=}{sub-section}{sub-section:displaysTags_des|trigger=none|*Returns*\\{div:class=sIndent}Replace with description{sub-section[String]{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=sncsam}{td}*SinceSample*\\{sub-section:displaysTags_snc|trigger=button|text=}{sub-section}{sub-section:displaysTags_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:displaysTags_prs|trigger=button|text=}{sub-section}{sub-section:displaysTags_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-showdiv:class=sIndent}{code:language=javascript} var form = solutionModel.newForm('someForm', 'db:/example_data/parent_table', null, false, 400, 300); var label = form.newLabel('Green', 10, 10, 100, 20); var field = form.newField('parent_table_text', JSField.TEXT_FIELD, 10, 40, 100, 20); label.groupID = 'someGroup'; field.groupID = 'someGroup'; forms['someForm'].elements.someGroup.enabled = false; {code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=height}{tr:id=name}{td}h6.height{td}{tr}{tr:id=ret}{td}*Returns*\\{sub-section:displaysTags_ret|trigger=button|text=}{sub-section}{sub-section:displaysTags_ret|trigger=none|div:class=sIndent}[BooleanNumber]{sub-sectiondiv}{td}{tr}{builder-show:permission=edit}{tr:id=seesam}{td}*Also seeSample*\\{sub-section:displaysTags_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:displaysTags_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:displaysTags_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:displaysTags_link|trigger=none}{sub-section}{div}{td}{tr}{builder-showcode:language=javascript} var field = form.newField('parent_table_text', JSField.TEXT_FIELD, 10, 10, 100, 20); application.output('original width: ' + field.width); application.output('original height: ' + field.height); field.width = 200; field.height = 100; application.output('modified width: ' + field.width); application.output('modified height: ' + field.height); {code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=horizontalAlignment}{tr:id=name}{td}h6.horizontalAlignment{td}{tr}{tr:id=samret}{td}*SampleReturns*\\{sub-section:displaysTags_sam|trigger=button|text=}{sub-section}div:class=sIndent}[Number]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{sub-section:displaysTags_sam|trigger=none}{code:language=javascript} var labelleftAlignedLabel = form.newLabel('You are viewing record no. %%parent_table_id%%. You are running on server %%serverURL%%.LEFT', 10, 10, 600300, 10020); labelleftAlignedLabel.displaysTagshorizontalAlignment = trueSM_ALIGNMENT.LEFT; var hCenteredLabel = form.newLabel('CENTER', 10, 40, 300, 20); hCenteredLabel.horizontalAlignment = SM_ALIGNMENT.CENTER; var rightAlignedLabel = form.newLabel('RIGHT', 10, 70, 300, 20); rightAlignedLabel.horizontalAlignment = SM_ALIGNMENT.RIGHT; {code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=enabled|class=nodeimageMedia}{tr:id=name}{td}h6.enabledimageMedia{td}{tr}{builder-show:permission=edit}{tr:id=desret}{td}{sub-section:enabled_des|trigger=button|text=}{sub-section}{sub-section:enabled_des|trigger=none|*Returns*\\{div:class=sIndent}Replace with description{sub-section[JSMedia]{div}{td}{tr}{builder-show}{builder-show:permission=edit}{trtr:id=sncsam}{td}*SinceSample*\\{sub-section:enabled_snc|trigger=button|text=}{sub-section}{sub-section:enabled_snc|trigger=none|class=sIndent} Replace with version info{sub-sectiondiv:class=sIndent}{code:language=javascript} var ballBytes = plugins.file.readFile('d:/ball.jpg'); var ballImage = solutionModel.newMedia('ball.jpg', ballBytes); var label = form.newLabel('', 10, 10, 100, 100); label.imageMedia = ballImage; {code}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prstr:class=lastDetailRow}{td}{td}*Parameters*\\{sub-section:enabled_prs|trigger=button|text=}{sub-section}{sub-section:enabled_prs|trigger=none|class=sIndent}{sub-section}{tr}{tbody}{tbody:id=labelFor}{tr:id=name}{td}h6.labelFor{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:enabled_ret|trigger=button|text=}{sub-section}{sub-section:enabled_ret|trigger=none|div:class=sIndent}[BooleanString]{sub-sectiondiv}{td}{tr}{builder-show:permission=edit}{tr:id=seesam}{td}*Also seeSample*\\{sub-section:enabled_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:enabled_see|trigger=none}{sub-section}{div}code:language=javascript} var labelOne = form.newLabel('Label One', 10, 10, 100, 20); var fieldOne = form.newField('parent_table_id', JSField.TEXT_FIELD, 120, 10, 100, 20); fieldOne.name = 'fieldOne'; labelOne.labelFor = 'fieldOne'; labelOne.mnemonic = 'O'; {code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{builder-showtbody:id=margin}{builder-showtr:permission=editid=name}{td}h6.margin{td}{tr}{tr:id=linkret}{td}*External linksReturns*\\{sub-section:enabled_link|trigger=button|text=}{sub-section}{div:div:class=sIndent}{sub-section:enabled_link|trigger=none}{sub-section}[String]{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:enabled_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:enabled_sam|trigger=none}{code:language=javascript} var formlabel = solutionModelform.newFormnewLabel('printFormLabel', 'db:/example_data/parent_table'10, null10, false150, 400, 300150); varlabel.background field = form.newField('parent_table_text', JSField.TEXT_FIELD, 10, 10, 100, 20); field.enabled = false'yellow'; label.margin = '10,20,30,40'; {code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=fontType|class=nodemediaOptions}{tr:id=name}{td}h6.fontTypemediaOptions{td}{tr}{builder-show:permission=edit}{tr:id=desret}{td}{sub-section:fontType_des|trigger=button|text=}{sub-section}{sub-section:fontType_des|trigger=none|*Returns*\\{div:class=sIndent}Replace with description{sub-section[Number]{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=sncsam}{td}*SinceSample*\\{sub-section:fontType_snc|trigger=button|text=}{sub-section}{sub-section:fontType_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:fontType_prs|trigger=button|text=}{sub-section}{sub-section:fontType_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:fontType_ret|trigger=button|text=}{sub-section}{sub-section:fontType_ret|trigger=none|class=sIndent}[String]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:fontType_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:fontType_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:fontType_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:fontType_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:fontType_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:fontType_sam|trigger=none}{code:language=javascript} var labeldiv:class=sIndent}{code:language=javascript} // Load two images, a big one and a small one. var bigBytes = plugins.file.readFile('d:/big.jpg'); var bigImage = solutionModel.newMedia('big.jpg', bigBytes); var smallBytes = plugins.file.readFile('d:/small.jpg'); var smallImage = solutionModel.newMedia('small.jpg', smallBytes); // Put the big image in several small labels, with different media options. var smallLabelWithBigImageReduceKeepAspect = form.newLabel('', 10, 10, 50, 50); smallLabelWithBigImageReduceKeepAspect.imageMedia = bigImage; smallLabelWithBigImageReduceKeepAspect.background = 'yellow'; smallLabelWithBigImageReduceKeepAspect.mediaOptions = SM_MEDIAOPTION.REDUCE | SM_MEDIAOPTION.KEEPASPECT; var smallLabelWithBigImageReduceNoAspect = form.newLabel('', 70, 10, 50, 50); smallLabelWithBigImageReduceNoAspect.imageMedia = bigImage; smallLabelWithBigImageReduceNoAspect.background = 'yellow'; smallLabelWithBigImageReduceNoAspect.mediaOptions = SM_MEDIAOPTION.REDUCE; var smallLabelWithBigImageCrop = form.newLabel('', 130, 10, 50, 50); smallLabelWithBigImageCrop.imageMedia = bigImage; smallLabelWithBigImageCrop.background = 'yellow'; smallLabelWithBigImageCrop.mediaOptions = SM_MEDIAOPTION.CROP; // Put the small image in several big labels, with different media options. var bigLabelWithSmallImageEnlargeKeepAspect = form.newLabel('', 10, 70, 200, 100); bigLabelWithSmallImageEnlargeKeepAspect.imageMedia = smallImage; bigLabelWithSmallImageEnlargeKeepAspect.background = 'yellow'; bigLabelWithSmallImageEnlargeKeepAspect.mediaOptions = SM_MEDIAOPTION.ENLARGE | SM_MEDIAOPTION.KEEPASPECT; var bigLabelWithSmallImageEnlargeNoAspect = form.newLabel('', 10, 180, 200, 100); bigLabelWithSmallImageEnlargeNoAspect.imageMedia = smallImage; bigLabelWithSmallImageEnlargeNoAspect.background = 'yellow'; bigLabelWithSmallImageEnlargeNoAspect.mediaOptions = SM_MEDIAOPTION.ENLARGE; var bigLabelWithSmallImageCrop = form.newLabel('Text here', 10, 50290, 100200, 20100); labelbigLabelWithSmallImageCrop.fontTypeimageMedia = smallImage; solutionModel.createFont('Times New Roman',1,14); {code}{sub-sectionbigLabelWithSmallImageCrop.background = 'yellow'; bigLabelWithSmallImageCrop.mediaOptions = SM_MEDIAOPTION.CROP; // This does not do any cropping actually if the label is larger than the image. {code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=foreground|class=nodemnemonic}{tr:id=name}{td}h6.foregroundmnemonic{td}{tr}{builder-show:permission=edit}{tr:id=desret}{td}{sub-section:foreground_des|trigger=button|text=}{sub-section}{sub-section:foreground_des|trigger=none|*Returns*\\{div:class=sIndent}Replace with description{sub-section[String]{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=snc}{tr:id=sam}{td}*SinceSample*\\{sub-section:foreground_snc|trigger=button|text=}{sub-section}{sub-section:foreground_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:foreground_prs|trigger=button|text=}{sub-section}{sub-section:foreground_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:foreground_ret|trigger=button|text=}{sub-section}{sub-section:foreground_ret|trigger=none|class=sIndent}[String]{sub-sectiondiv:class=sIndent}{code:language=javascript} var m = form.newMethod('function onClick() { application.output("I was clicked."); }'); var btn = form.newButton('I am a button', 10, 40, 200, 20, m); btn.mnemonic = 'B'; // When ALT-B is pressed the mouse will respond as if clicked. var labelOne = form.newLabel('Label One', 10, 10, 100, 20); var fieldOne = form.newField('parent_table_id', JSField.TEXT_FIELD, 120, 10, 100, 20); fieldOne.name = 'fieldOne'; labelOne.labelFor = 'fieldOne'; labelOne.mnemonic = 'O'; // When ALT-O is pressed the focus will move to fieldOne. {code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{builder-show:permission=edittbody}{tbody:id=name}{tr:id=see}name}{td}h6.name{td}*Also see*\\{sub-section:foreground_see|trigger=button|text=}{sub-section}}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}{sub-section:foreground_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:foreground_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:foreground_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show[String]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{sub-section:foreground_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:foreground_sam|trigger=none}{code:language=javascript} //var Thisform property can be used on all types of components. // Here it is illustrated only for labels and fields. var labelWithBlueText= solutionModel.newForm('someForm', 'db:/example_data/parent_table', null, false, 620, 300); var label = form.newLabel('Blue textLabel', 10, 10, 100150, 30150); labelWithBlueTextlabel.foregroundname = 'bluemyLabel'; // Give Usea name genericto namesthe for colors. var fieldWithYellowText = form.newField('parent_table_text', JSField.TEXT_FIELD, 10, 50, 100, 20); fieldWithYellowText.foreground = '#FFFF00'; // Use RGB codes for colors. {code}{sub-section}{divcomponent. forms['someForm'].controller.show() // Now use the name to access the component. forms['someForm'].elements['myLabel'].text = 'Updated text'; {code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=formIndex|class=nodeonAction}{tr:id=name}{td}h6.formIndexonAction{td}{tr}{builder-show:permission=edit}{tr:id=desret}{td}{sub-section:formIndex_des|trigger=button|text=}{sub-section}{sub-section:formIndex_des|trigger=none|*Returns*\\{div:class=sIndent}Replace with description{sub-section[JSMethod]{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=sncsam}{td}*SinceSample*\\{sub-section:formIndex_snc|trigger=button|text=}{sub-section}{sub-section:formIndex_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:formIndex_prs|trigger=button|text=}{sub-section}{sub-section:formIndex_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-showdiv:class=sIndent}{code:language=javascript} var doNothingMethod = form.newMethod('function doNothing() { application.output("Doing nothing."); }'); var onClickMethod = form.newMethod('function onClick(event) { application.output("I was clicked at " + event.getTimestamp()); }'); var onDoubleClickMethod = form.newMethod('function onDoubleClick(event) { application.output("I was double-clicked at " + event.getTimestamp()); }'); var onRightClickMethod = form.newMethod('function onRightClick(event) { application.output("I was right-clicked at " + event.getTimestamp()); }'); // At creation the button has the 'doNothing' method as onClick handler, but we'll change that later. var btn = form.newButton('I am a button', 10, 40, 200, 20, doNothingMethod); btn.onAction = onClickMethod; btn.onDoubleClick = onDoubleClickMethod; btn.onRightClick = onRightClickMethod; {code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=onDoubleClick}{tr:id=name}{td}h6.onDoubleClick{td}{tr}{tr:id=ret}{td}*Returns*\\{sub-section:formIndex_ret|trigger=button|text=}{sub-section}{sub-section:formIndex_ret|trigger=none|div:class=sIndent}[NumberJSMethod]{sub-sectiondiv}{td}{tr}{builder-show:permission=edit}{tr:id=seesam}{td}*Also seeSample*\\{sub-section:formIndex_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:formIndex_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:formIndex_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:formIndex_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:formIndex_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:formIndex_sam|trigger=nonecode:language=javascript} var doNothingMethod = form.newMethod('function doNothing() { application.output("Doing nothing."); }'); var onClickMethod = form.newMethod('function onClick(event) { application.output("I was clicked at " + event.getTimestamp()); }'); var onDoubleClickMethod = form.newMethod('function onDoubleClick(event) { application.output("I was double-clicked at " + event.getTimestamp()); }'); var onRightClickMethod = form.newMethod('function onRightClick(event) { application.output("I was right-clicked at " + event.getTimestamp()); }'); // At creation the button has the 'doNothing' method as onClick handler, but we'll change that later. var btn = form.newButton('I am a button', 10, 40, 200, 20, doNothingMethod); btn.onAction = onClickMethod; btn.onDoubleClick = onDoubleClickMethod; btn.onRightClick = onRightClickMethod; {code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=onRender}{tr:id=name}{td}h6.onRender{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[JSMethod]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript} var labelBelowlabel.onRender = form.newLabelnewMethod('Green', 10, 10, 100, 50); labelBelow.backgroundfunction onRender(event) { event.getElement().bgcolor = \'green#00ff00\'; labelBelow.formIndex = 10; var fieldAbove = form.newField('parent_table_text', JSField.TEXT_FIELD, 10, 10, 100, 30); fieldAbove.background = '#FF0000'; fieldAbove.formIndex = 20; {code}{sub-section}{div} }'); {code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=format|class=nodeonRightClick}{tr:id=name}{td}h6.formatonRightClick{td}{tr}{builder-show:permission=edit}{tr:id=desret}{td}{sub-section:format_des|trigger=button|text=}{sub-section}{sub-section:format_des|trigger=none|*Returns*\\{div:class=sIndent}Replace with description{sub-section[JSMethod]{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=sncsam}{td}*SinceSample*\\{sub-section:format_snc|trigger=button|text=}{sub-section}{sub-section:format_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:format_prs|trigger=button|text=}{sub-section}{sub-section:format_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-showdiv:class=sIndent}{code:language=javascript} var doNothingMethod = form.newMethod('function doNothing() { application.output("Doing nothing."); }'); var onClickMethod = form.newMethod('function onClick(event) { application.output("I was clicked at " + event.getTimestamp()); }'); var onDoubleClickMethod = form.newMethod('function onDoubleClick(event) { application.output("I was double-clicked at " + event.getTimestamp()); }'); var onRightClickMethod = form.newMethod('function onRightClick(event) { application.output("I was right-clicked at " + event.getTimestamp()); }'); // At creation the button has the 'doNothing' method as onClick handler, but we'll change that later. var btn = form.newButton('I am a button', 10, 40, 200, 20, doNothingMethod); btn.onAction = onClickMethod; btn.onDoubleClick = onDoubleClickMethod; btn.onRightClick = onRightClickMethod; {code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=printSliding}{tr:id=name}{td}h6.printSliding{td}{tr}{tr:id=ret}{td}*Returns*\\{sub-section:format_ret|trigger=button|text=}{sub-section}{sub-section:format_ret|trigger=none|div:class=sIndent}[StringNumber]{sub-sectiondiv}{td}{tr}{builder-show:permission=edit}{tr:id=seesam}{td}*Also seeSample*\\{sub-section:format_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:format_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:format_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:format_link|trigger=none}{sub-section}{divcode:language=javascript} var form = solutionModel.newForm('printForm', 'db:/example_data/parent_table', null, false, 400, 300); var slidingLabel = form.newLabel('Some long text here', 10, 10, 5, 5); slidingLabel.printSliding = SM_PRINT_SLIDING.GROW_HEIGHT | SM_PRINT_SLIDING.GROW_WIDTH; slidingLabel.background = 'gray'; forms['printForm'].controller.showPrintPreview(); {code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{builder-showtbody:id=printable}{tr:id=sam}name}{td}h6.printable{td}*Sample*\\{sub-section:format_sam|trigger=button|text=}{sub-section}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}{sub-section:format_sam|trigger=none}{code[Boolean]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript} var form = solutionModel.newForm('printForm', 'db:/example_data/parent_table', null, false, 400, 300); var labelprintedField = form.newLabelnewField('parent_table_text', JSField.TEXT_FIELD, 10, 10, 100, 10020); var label.formatnotPrintedField = '$#.00'; {code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{tdform.newField('parent_table_id', JSField.TEXT_FIELD, 10, 40, 100, 20); notPrintedField.printable = false; // This field won't show up in print preview and won't be printed. forms['printForm'].controller.showPrintPreview() {code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=groupID|class=noderolloverCursor}{tr:id=name}{td}h6.groupIDrolloverCursor{td}{tr}{builder-show:permission=edit}{tr:id=desret}{td}{sub-section:groupID_des|trigger=button|text=}{sub-section}{sub-section:groupID_des|trigger=none|*Returns*\\{div:class=sIndent}Replace with description{sub-section[Number]{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=sncsam}{td}*SinceSample*\\{sub-section:groupID_snc|trigger=button|text=}{sub-section}{sub-section:groupID_snc|trigger=none|class=sIndent} Replace with version info{sub-sectiondiv:class=sIndent}{code:language=javascript} var label = form.newLabel('Move the mouse over me', 10, 10, 200, 200); label.rolloverCursor = SM_CURSOR.HAND_CURSOR; {code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{builder-showtbody:id=rolloverImageMedia}{builder-showtr:permission=editid=name}{td}h6.rolloverImageMedia{td}{tr}{tr:id=prsret}{td}*ParametersReturns*\\{sub-section:groupID_prs|trigger=button|text=}{sub-section}{sub-section:groupID_prs|trigger=none|class=sIndent}{sub-section}{div:class=sIndent}[JSMedia]{div}{td}{tr}{builder-show}{tr:id=retsam}{td}*ReturnsSample*\\{sub-section:groupID_ret|trigger=button|text=}{sub-section}{sub-section:groupID_ret|trigger=none|div:class=sIndent}[String]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:groupID_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:groupID_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit{code:language=javascript} var ballBytes = plugins.file.readFile('d:/ball.jpg'); var ballImage = solutionModel.newMedia('ball.jpg', ballBytes); var mapBytes = plugins.file.readFile('d:/map.jpg'); var mapImage = solutionModel.newMedia('map.jpg', mapBytes); var label = form.newLabel('', 10, 10, 200, 200); label.imageMedia = mapImage; label.rolloverImageMedia = ballImage; {code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=rotation}{tr:id=name}{td}h6.rotation{td}{tr}{tr:id=linkret}{td}*External linksReturns*\\{sub-section:groupID_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:groupID_link|trigger=none}{sub-section}div:class=sIndent}[Number]{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:groupID_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:groupID_sam|trigger=none}{code:language=javascript} var formm = solutionModelform.newFormnewMethod('someForm', 'db:/example_data/parent_table', null, false, 400, 300function onClick() { application.output("I was clicked."); }'); var label = form.newLabel('GreenI am a label', 10, 10, 200, 100200, 20)m); label.rotation = 90; var fieldbtn = form.newFieldnewButton('parent_table_textAnd I am a button', JSField.TEXT_FIELD10, 10220, 40200, 10020, 20m); labelbtn.groupIDrotation = 'someGroup'; field.groupID = 'someGroup'; forms['someForm'].elements.someGroup.enabled = false180; {code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=height|class=nodeshowClick}{tr:id=name}{td}h6.heightshowClick{td}{tr}{builder-show:permission=edit}{tr:id=desret}{td}{sub-section:height_des|trigger=button|text=}{sub-section}{sub-section:height_des|trigger=none|*Returns*\\{div:class=sIndent}Replace with description{sub-section[Boolean]{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=sncsam}{td}*SinceSample*\\{sub-section:height_snc|trigger=button|text=}{sub-section}{sub-section:height_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:height_prs|trigger=button|text=}{sub-section}{sub-section:height_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:height_ret|trigger=button|text=}{sub-section}{sub-section:height_ret|trigger=none|class=sIndent}[Number]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:height_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:height_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:height_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:height_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:height_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:height_sam|trigger=none}{code:language=javascript} var field = form.newField('parent_table_text', JSField.TEXT_FIELD, 10, 10, 100, 20); application.output('original width: ' + field.width); application.output('original height: ' + field.height); field.width = 200; field.height = 100; application.output('modified width: ' + field.width); application.output('modified height: ' + field.height); {code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=horizontalAlignment|class=node}{tr:id=name}{td}h6.horizontalAlignment{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:horizontalAlignment_des|trigger=button|text=}{sub-section}{sub-section:horizontalAlignment_des|trigger=none|class=sIndent}Replace with description{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:horizontalAlignment_snc|trigger=button|text=}{sub-section}{sub-section:horizontalAlignment_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:horizontalAlignment_prs|trigger=button|text=}{sub-section}{sub-section:horizontalAlignment_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:horizontalAlignment_ret|trigger=button|text=}{sub-section}{sub-section:horizontalAlignment_ret|trigger=none|class=sIndent}[Number]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:horizontalAlignment_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:horizontalAlignment_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:horizontalAlignment_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:horizontalAlignment_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:horizontalAlignment_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:horizontalAlignment_sam|trigger=none}{code:language=javascript} var leftAlignedLabel = form.newLabel('LEFT', 10, 10, 300, 20); leftAlignedLabel.horizontalAlignment = SM_ALIGNMENT.LEFT; var hCenteredLabel = form.newLabel('CENTER', 10, 40, 300, 20); hCenteredLabel.horizontalAlignment = SM_ALIGNMENT.CENTER; var rightAlignedLabel = form.newLabel('RIGHT', 10, 70, 300, 20); rightAlignedLabel.horizontalAlignment = SM_ALIGNMENT.RIGHT; {code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=imageMedia|class=node}{tr:id=name}{td}h6.imageMedia{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:imageMedia_des|trigger=button|text=}{sub-section}{sub-section:imageMedia_des|trigger=none|class=sIndent}Replace with description{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:imageMedia_snc|trigger=button|text=}{sub-section}{sub-section:imageMedia_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:imageMedia_prs|trigger=button|text=}{sub-section}{sub-section:imageMedia_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:imageMedia_ret|trigger=button|text=}{sub-section}{sub-section:imageMedia_ret|trigger=none|class=sIndent}[JSMedia]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:imageMedia_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:imageMedia_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:imageMedia_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:imageMedia_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:imageMedia_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:imageMedia_sam|trigger=none}{code:language=javascript} var ballBytes = plugins.file.readFile('d:/ball.jpg'); var ballImage = solutionModel.newMedia('ball.jpg', ballBytes); var label = form.newLabel('', 10, 10, 100, 100); label.imageMedia = ballImage; {code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=labelFor|class=node}{tr:id=name}{td}h6.labelFor{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:labelFor_des|trigger=button|text=}{sub-section}{sub-section:labelFor_des|trigger=none|class=sIndent}Replace with description{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:labelFor_snc|trigger=button|text=}{sub-section}{sub-section:labelFor_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:labelFor_prs|trigger=button|text=}{sub-section}{sub-section:labelFor_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:labelFor_ret|trigger=button|text=}{sub-section}{sub-section:labelFor_ret|trigger=none|class=sIndent}[String]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:labelFor_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:labelFor_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:labelFor_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:labelFor_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:labelFor_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:labelFor_sam|trigger=none}{code:language=javascript} var labelOne = form.newLabel('Label One', 10, 10, 100, 20); var fieldOne = form.newField('parent_table_id', JSField.TEXT_FIELD, 120, 10, 100, 20); fieldOne.name = 'fieldOne'; labelOne.labelFor = 'fieldOne'; labelOne.mnemonic = 'O'; {code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=margin|class=node}{tr:id=name}{td}h6.margin{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:margin_des|trigger=button|text=}{sub-section}{sub-section:margin_des|trigger=none|class=sIndent}Replace with description{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:margin_snc|trigger=button|text=}{sub-section}{sub-section:margin_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:margin_prs|trigger=button|text=}{sub-section}{sub-section:margin_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:margin_ret|trigger=button|text=}{sub-section}{sub-section:margin_ret|trigger=none|class=sIndent}[String]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:margin_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:margin_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:margin_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:margin_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:margin_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:margin_sam|trigger=none}{code:language=javascript} var label = form.newLabel('Label', 10, 10, 150, 150); label.background = 'yellow'; label.margin = '10,20,30,40'; {code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=mediaOptions|class=node}{tr:id=name}{td}h6.mediaOptions{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:mediaOptions_des|trigger=button|text=}{sub-section}{sub-section:mediaOptions_des|trigger=none|class=sIndent}Replace with description{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:mediaOptions_snc|trigger=button|text=}{sub-section}{sub-section:mediaOptions_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:mediaOptions_prs|trigger=button|text=}{sub-section}{sub-section:mediaOptions_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:mediaOptions_ret|trigger=button|text=}{sub-section}{sub-section:mediaOptions_ret|trigger=none|class=sIndent}[Number]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:mediaOptions_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:mediaOptions_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:mediaOptions_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:mediaOptions_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:mediaOptions_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:mediaOptions_sam|trigger=none}{code:language=javascript} // Load two images, a big one and a small one. var bigBytes = plugins.file.readFile('d:/big.jpg'); var bigImage = solutionModel.newMedia('big.jpg', bigBytes); var smallBytes = plugins.file.readFile('d:/small.jpg'); var smallImage = solutionModel.newMedia('small.jpg', smallBytes); // Put the big image in several small labels, with different media options. var smallLabelWithBigImageReduceKeepAspect = form.newLabel('', 10, 10, 50, 50); smallLabelWithBigImageReduceKeepAspect.imageMedia = bigImage; smallLabelWithBigImageReduceKeepAspect.background = 'yellow'; smallLabelWithBigImageReduceKeepAspect.mediaOptions = SM_MEDIAOPTION.REDUCE | SM_MEDIAOPTION.KEEPASPECT; var smallLabelWithBigImageReduceNoAspect = form.newLabel('', 70, 10, 50, 50); smallLabelWithBigImageReduceNoAspect.imageMedia = bigImage; smallLabelWithBigImageReduceNoAspect.background = 'yellow'; smallLabelWithBigImageReduceNoAspect.mediaOptions = SM_MEDIAOPTION.REDUCE; var smallLabelWithBigImageCrop = form.newLabel('', 130, 10, 50, 50); smallLabelWithBigImageCrop.imageMedia = bigImage; smallLabelWithBigImageCrop.background = 'yellow'; smallLabelWithBigImageCrop.mediaOptions = SM_MEDIAOPTION.CROP; // Put the small image in several big labels, with different media options. var bigLabelWithSmallImageEnlargeKeepAspect = form.newLabel('', 10, 70, 200, 100); bigLabelWithSmallImageEnlargeKeepAspect.imageMedia = smallImage; bigLabelWithSmallImageEnlargeKeepAspect.background = 'yellow'; bigLabelWithSmallImageEnlargeKeepAspect.mediaOptions = SM_MEDIAOPTION.ENLARGE | SM_MEDIAOPTION.KEEPASPECT; var bigLabelWithSmallImageEnlargeNoAspect = form.newLabel('', 10, 180, 200, 100); bigLabelWithSmallImageEnlargeNoAspect.imageMedia = smallImage; bigLabelWithSmallImageEnlargeNoAspect.background = 'yellow'; bigLabelWithSmallImageEnlargeNoAspect.mediaOptions = SM_MEDIAOPTION.ENLARGE; var bigLabelWithSmallImageCrop = form.newLabel('', 10, 290, 200, 100); bigLabelWithSmallImageCrop.imageMedia = smallImage; bigLabelWithSmallImageCrop.background = 'yellow'; bigLabelWithSmallImageCrop.mediaOptions = SM_MEDIAOPTION.CROP; // This does not do any cropping actually if the label is larger than the image. {code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=mnemonic|class=node}{tr:id=name}{td}h6.mnemonic{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:mnemonic_des|trigger=button|text=}{sub-section}{sub-section:mnemonic_des|trigger=none|class=sIndent}Replace with description{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:mnemonic_snc|trigger=button|text=}{sub-section}{sub-section:mnemonic_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:mnemonic_prs|trigger=button|text=}{sub-section}{sub-section:mnemonic_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:mnemonic_ret|trigger=button|text=}{sub-section}{sub-section:mnemonic_ret|trigger=none|class=sIndent}[String]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:mnemonic_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:mnemonic_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:mnemonic_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:mnemonic_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:mnemonic_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:mnemonic_sam|trigger=none}{code:language=javascript} var m = form.newMethod('function onClick() { application.output("I was clicked."); }'); var btn = form.newButton('I am a button', 10, 40, 200, 20, m); btn.mnemonic = 'B'; // When ALT-B is pressed the mouse will respond as if clicked. var labelOne = form.newLabel('Label One', 10, 10, 100, 20); var fieldOne = form.newField('parent_table_id', JSField.TEXT_FIELD, 120, 10, 100, 20); fieldOne.name = 'fieldOne'; labelOne.labelFor = 'fieldOne'; labelOne.mnemonic = 'O'; // When ALT-O is pressed the focus will move to fieldOne. {code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=name|class=node}{tr:id=name}{td}h6.name{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:name_des|trigger=button|text=}{sub-section}{sub-section:name_des|trigger=none|class=sIndent}Replace with description{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:name_snc|trigger=button|text=}{sub-section}{sub-section:name_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:name_prs|trigger=button|text=}{sub-section}{sub-section:name_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:name_ret|trigger=button|text=}{sub-section}{sub-section:name_ret|trigger=none|class=sIndent}[String]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:name_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:name_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:name_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:name_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:name_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:name_sam|trigger=none}{code:language=javascript} var form = solutionModel.newForm('someForm', 'db:/example_data/parent_table', null, false, 620, 300); var label = form.newLabel('Label', 10, 10, 150, 150); label.name = 'myLabel'; // Give a name to the component. forms['someForm'].controller.show() // Now use the name to access the component. forms['someForm'].elements['myLabel'].text = 'Updated text'; {code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=onAction|class=node}{tr:id=name}{td}h6.onAction{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:onAction_des|trigger=button|text=}{sub-section}{sub-section:onAction_des|trigger=none|class=sIndent}Replace with description{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:onAction_snc|trigger=button|text=}{sub-section}{sub-section:onAction_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:onAction_prs|trigger=button|text=}{sub-section}{sub-section:onAction_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:onAction_ret|trigger=button|text=}{sub-section}{sub-section:onAction_ret|trigger=none|class=sIndent}[JSMethod]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:onAction_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:onAction_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:onAction_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:onAction_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:onAction_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:onAction_sam|trigger=none}{code:language=javascript} var doNothingMethod = form.newMethod('function doNothing() { application.output("Doing nothing."); }'); var onClickMethod = form.newMethod('function onClick(event) { application.output("I was clicked at " + event.getTimestamp()); }'); var onDoubleClickMethod = form.newMethod('function onDoubleClick(event) { application.output("I was double-clicked at " + event.getTimestamp()); }'); var onRightClickMethod = form.newMethod('function onRightClick(event) { application.output("I was right-clicked at " + event.getTimestamp()); }'); // At creation the button has the 'doNothing' method as onClick handler, but we'll change that later. var btn = form.newButton('I am a button', 10, 40, 200, 20, doNothingMethod); btn.onAction = onClickMethod; btn.onDoubleClick = onDoubleClickMethod; btn.onRightClick = onRightClickMethod; {code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=onDoubleClick|class=node}{tr:id=name}{td}h6.onDoubleClick{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:onDoubleClick_des|trigger=button|text=}{sub-section}{sub-section:onDoubleClick_des|trigger=none|class=sIndent}Replace with description{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:onDoubleClick_snc|trigger=button|text=}{sub-section}{sub-section:onDoubleClick_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:onDoubleClick_prs|trigger=button|text=}{sub-section}{sub-section:onDoubleClick_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:onDoubleClick_ret|trigger=button|text=}{sub-section}{sub-section:onDoubleClick_ret|trigger=none|class=sIndent}[JSMethod]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:onDoubleClick_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:onDoubleClick_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:onDoubleClick_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:onDoubleClick_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:onDoubleClick_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:onDoubleClick_sam|trigger=none}{code:language=javascript} var doNothingMethod = form.newMethod('function doNothing() { application.output("Doing nothing."); }'); var onClickMethod = form.newMethod('function onClick(event) { application.output("I was clicked at " + event.getTimestamp()); }'); var onDoubleClickMethod = form.newMethod('function onDoubleClick(event) { application.output("I was double-clicked at " + event.getTimestamp()); }'); var onRightClickMethod = form.newMethod('function onRightClick(event) { application.output("I was right-clicked at " + event.getTimestamp()); }'); // At creation the button has the 'doNothing' method as onClick handler, but we'll change that later. var btn = form.newButton('I am a button', 10, 40, 200, 20, doNothingMethod); btn.onAction = onClickMethod; btn.onDoubleClick = onDoubleClickMethod; btn.onRightClick = onRightClickMethod; {code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=onRender|class=node}{tr:id=name}{td}h6.onRender{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:onRender_des|trigger=button|text=}{sub-section}{sub-section:onRender_des|trigger=none|class=sIndent}Replace with description{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:onRender_snc|trigger=button|text=}{sub-section}{sub-section:onRender_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:onRender_prs|trigger=button|text=}{sub-section}{sub-section:onRender_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:onRender_ret|trigger=button|text=}{sub-section}{sub-section:onRender_ret|trigger=none|class=sIndent}[JSMethod]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:onRender_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:onRender_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:onRender_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:onRender_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:onRender_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:onRender_sam|trigger=none}{code:language=javascript} label.onRender = form.newMethod('function onRender(event) { event.getElement().bgcolor = \'#00ff00\' }'); {code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=onRightClick|class=node}{tr:id=name}{td}h6.onRightClick{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:onRightClick_des|trigger=button|text=}{sub-section}{sub-section:onRightClick_des|trigger=none|class=sIndent}Replace with description{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:onRightClick_snc|trigger=button|text=}{sub-section}{sub-section:onRightClick_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:onRightClick_prs|trigger=button|text=}{sub-section}{sub-section:onRightClick_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:onRightClick_ret|trigger=button|text=}{sub-section}{sub-section:onRightClick_ret|trigger=none|class=sIndent}[JSMethod]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:onRightClick_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:onRightClick_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:onRightClick_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:onRightClick_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:onRightClick_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:onRightClick_sam|trigger=none}{code:language=javascript} var doNothingMethod = form.newMethod('function doNothing() { application.output("Doing nothing."); }'); var onClickMethod = form.newMethod('function onClick(event) { application.output("I was clicked at " + event.getTimestamp()); }'); var onDoubleClickMethod = form.newMethod('function onDoubleClick(event) { application.output("I was double-clicked at " + event.getTimestamp()); }'); var onRightClickMethod = form.newMethod('function onRightClick(event) { application.output("I was right-clicked at " + event.getTimestamp()); }'); // At creation the button has the 'doNothing' method as onClick handler, but we'll change that later. var btn = form.newButton('I am a button', 10, 40, 200, 20, doNothingMethod); btn.onAction = onClickMethod; btn.onDoubleClick = onDoubleClickMethod; btn.onRightClick = onRightClickMethod; {code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=printSliding|class=node}{tr:id=name}{td}h6.printSliding{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:printSliding_des|trigger=button|text=}{sub-section}{sub-section:printSliding_des|trigger=none|class=sIndent}Replace with description{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:printSliding_snc|trigger=button|text=}{sub-section}{sub-section:printSliding_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:printSliding_prs|trigger=button|text=}{sub-section}{sub-section:printSliding_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:printSliding_ret|trigger=button|text=}{sub-section}{sub-section:printSliding_ret|trigger=none|class=sIndent}[Number]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:printSliding_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:printSliding_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:printSliding_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:printSliding_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:printSliding_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:printSliding_sam|trigger=none}{code:language=javascript} var form = solutionModel.newForm('printForm', 'db:/example_data/parent_table', null, false, 400, 300); var slidingLabel = form.newLabel('Some long text here', 10, 10, 5, 5); slidingLabel.printSliding = SM_PRINT_SLIDING.GROW_HEIGHT | SM_PRINT_SLIDING.GROW_WIDTH; slidingLabel.background = 'gray'; forms['printForm'].controller.showPrintPreview(); {code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=printable|class=node}{tr:id=name}{td}h6.printable{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:printable_des|trigger=button|text=}{sub-section}{sub-section:printable_des|trigger=none|class=sIndent}Replace with description{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:printable_snc|trigger=button|text=}{sub-section}{sub-section:printable_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:printable_prs|trigger=button|text=}{sub-section}{sub-section:printable_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:printable_ret|trigger=button|text=}{sub-section}{sub-section:printable_ret|trigger=none|class=sIndent}[Boolean]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:printable_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:printable_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:printable_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:printable_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:printable_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:printable_sam|trigger=none}{code:language=javascript} var form = solutionModel.newForm('printForm', 'db:/example_data/parent_table', null, false, 400, 300); var printedField = form.newField('parent_table_text', JSField.TEXT_FIELD, 10, 10, 100, 20); var notPrintedField = form.newField('parent_table_id', JSField.TEXT_FIELD, 10, 40, 100, 20); notPrintedField.printable = false; // This field won't show up in print preview and won't be printed. forms['printForm'].controller.showPrintPreview() {code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=rolloverCursor|class=node}{tr:id=name}{td}h6.rolloverCursor{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:rolloverCursor_des|trigger=button|text=}{sub-section}{sub-section:rolloverCursor_des|trigger=none|class=sIndent}Replace with description{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:rolloverCursor_snc|trigger=button|text=}{sub-section}{sub-section:rolloverCursor_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:rolloverCursor_prs|trigger=button|text=}{sub-section}{sub-section:rolloverCursor_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:rolloverCursor_ret|trigger=button|text=}{sub-section}{sub-section:rolloverCursor_ret|trigger=none|class=sIndent}[Number]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:rolloverCursor_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:rolloverCursor_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:rolloverCursor_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:rolloverCursor_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:rolloverCursor_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:rolloverCursor_sam|trigger=none}{code:language=javascript} var label = form.newLabel('Move the mouse over me', 10, 10, 200, 200); label.rolloverCursor = SM_CURSOR.HAND_CURSOR; {code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=rolloverImageMedia|class=node}{tr:id=name}{td}h6.rolloverImageMedia{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:rolloverImageMedia_des|trigger=button|text=}{sub-section}{sub-section:rolloverImageMedia_des|trigger=none|class=sIndent}Replace with description{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:rolloverImageMedia_snc|trigger=button|text=}{sub-section}{sub-section:rolloverImageMedia_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:rolloverImageMedia_prs|trigger=button|text=}{sub-section}{sub-section:rolloverImageMedia_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:rolloverImageMedia_ret|trigger=button|text=}{sub-section}{sub-section:rolloverImageMedia_ret|trigger=none|class=sIndent}[JSMedia]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:rolloverImageMedia_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:rolloverImageMedia_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:rolloverImageMedia_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:rolloverImageMedia_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:rolloverImageMedia_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:rolloverImageMedia_sam|trigger=none}{code:language=javascript} var ballBytes = plugins.file.readFile('d:/ball.jpg'); var ballImage = solutionModel.newMedia('ball.jpg', ballBytes); var mapBytes = plugins.file.readFile('d:/map.jpg'); var mapImage = solutionModel.newMedia('map.jpg', mapBytes); var label = form.newLabel('', 10, 10, 200, 200); label.imageMedia = mapImage; label.rolloverImageMedia = ballImage; {code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=rotation|class=node}{tr:id=name}{td}h6.rotation{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:rotation_des|trigger=button|text=}{sub-section}{sub-section:rotation_des|trigger=none|class=sIndent}Replace with description{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:rotation_snc|trigger=button|text=}{sub-section}{sub-section:rotation_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:rotation_prs|trigger=button|text=}{sub-section}{sub-section:rotation_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:rotation_ret|trigger=button|text=}{sub-section}{sub-section:rotation_ret|trigger=none|class=sIndent}[Number]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:rotation_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:rotation_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:rotation_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:rotation_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:rotation_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:rotation_sam|trigger=none}{code:language=javascript} var m = form.newMethod('function onClick() { application.output("I was clicked."); }'); var label = form.newLabel('I am a label', 10, 10, 200, 200, m); label.rotation = 90; var btn = form.newButton('And I am a button', 10, 220, 200, 20, m); btn.rotation = 180; {code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=showClick|class=node}{tr:id=name}{td}h6.showClick{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:showClick_des|trigger=button|text=}{sub-section}{sub-section:showClick_des|trigger=none|class=sIndent}Replace with description{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:showClick_snc|trigger=button|text=}{sub-section}{sub-section:showClick_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:showClick_prs|trigger=button|text=}{sub-section}{sub-section:showClick_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:showClick_ret|trigger=button|text=}{sub-section}{sub-section:showClick_ret|trigger=none|class=sIndent}[Boolean]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:showClick_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:showClick_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:showClick_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:showClick_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:showClick_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:showClick_sam|trigger=none}{code:language=javascript} // Create a form method. var m = form.newMethod('function onClick() { application.output("I was clicked."); }'); // Create a label with the method attached to its onClick event. var label = form.newLabel('I am a label', 10, 10, 200, 20, m); // By default the label does not visually react to clicks, but we can enable this. // Basically the label will now behave as a button does. label.showClick = true; // Create a button with the same method attached to its onClick event. var btn = form.newButton('And I am a button', 10, 40, 200, 20, m); // By default the button visually reacts to onClick, but we can disable this. // Then the button will behave like a label does. btn.showClick = false; {code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=showFocus|class=node}{tr:id=name}{td}h6.showFocus{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:showFocus_des|trigger=button|text=}{sub-section}{sub-section:showFocus_des|trigger=none|class=sIndent}Replace with description{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:showFocus_snc|trigger=button|text=}{sub-section}{sub-section:showFocus_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:showFocus_prs|trigger=button|text=}{sub-section}{sub-section:showFocus_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:showFocus_ret|trigger=button|text=}{sub-section}{sub-section:showFocus_ret|trigger=none|class=sIndent}[Boolean]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:showFocus_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:showFocus_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:showFocus_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:showFocus_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:showFocus_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:showFocus_sam|trigger=none}{code:language=javascript} var m = form.newMethod('function onClick() { application.output("I was clicked."); }'); var label = form.newLabel('I am a label', 10, 10, 200, 20, m); label.showFocus = false; var btn = form.newButton('And I am a button', 10, 40, 200, 20, m); btn.showFocus = false; {code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=styleClass|class=node}{tr:id=name}{td}h6.styleClass{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:styleClass_des|trigger=button|text=}{sub-section}{sub-section:styleClass_des|trigger=none|class=sIndent}Replace with description{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:styleClass_snc|trigger=button|text=}{sub-section}{sub-section:styleClass_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:styleClass_prs|trigger=button|text=}{sub-section}{sub-section:styleClass_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:styleClass_ret|trigger=button|text=}{sub-section}{sub-section:styleClass_ret|trigger=none|class=sIndent}[String]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:styleClass_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:styleClass_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:styleClass_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:styleClass_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:styleClass_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:styleClass_sam|trigger=none}{code:language=javascript} var form = solutionModel.newForm('printForm', 'db:/example_data/parent_table', null, false, 400, 300); var field = form.newField('parent_table_text', JSField.TEXT_FIELD, 10, 10, 100, 20); var style = solutionModel.newStyle('myStyle','field.fancy { background-color: yellow; }'); form.styleName = 'myStyle'; // First set the style on the form. field.styleClass = 'fancy'; // Then set the style class on the field. {code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=tabSeq|class=node}{tr:id=name}{td}h6.tabSeq{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:tabSeq_des|trigger=button|text=}{sub-section}{sub-section:tabSeq_des|trigger=none|class=sIndent}Replace with description{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:tabSeq_snc|trigger=button|text=}{sub-section}{sub-section:tabSeq_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:tabSeq_prs|trigger=button|text=}{sub-section}{sub-section:tabSeq_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:tabSeq_ret|trigger=button|text=}{sub-section}{sub-section:tabSeq_ret|trigger=none|class=sIndent}[Number]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:tabSeq_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:tabSeq_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:tabSeq_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:tabSeq_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:tabSeq_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:tabSeq_sam|trigger=none}{code:language=javascript} // Create three fields. Based on how they are placed, by default they will come one // after another in the tab sequence. var fieldOne = form.newField('parent_table_id', JSField.TEXT_FIELD, 10, 10, 100, 20); var fieldTwo = form.newField('parent_table_text', JSField.TEXT_FIELD, 10, 40, 100, 20); var fieldThree = form.newField('parent_table_id', JSField.TEXT_FIELD, 10, 70, 100, 20); // Set the third field come before the first in the tab sequence, and remove the // second field from the tab sequence. fieldOne.tabSeq = 2; fieldTwo.tabSeq = SM_DEFAULTS.IGNORE; fieldThree.tabSeq = 1; {code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=text|class=node}{tr:id=name}{td}h6.text{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:text_des|trigger=button|text=}{sub-section}{sub-section:text_des|trigger=none|class=sIndent}Replace with description{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:text_snc|trigger=button|text=}{sub-section}{sub-section:text_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:text_prs|trigger=button|text=}{sub-section}{sub-section:text_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:text_ret|trigger=button|text=}{sub-section}{sub-section:text_ret|trigger=none|class=sIndent}[String]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:text_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:text_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:text_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:text_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:text_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:text_sam|trigger=none}{code:language=javascript} // In general the text is specified when creating the component. var label = form.newLabel('Initial text', 10, 10, 100, 20); // But it can be changed later if needed. label.text = 'Changed text'; {code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=toolTipText|class=node}{tr:id=name}{td}h6.toolTipText{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:toolTipText_des|trigger=button|text=}{sub-section}{sub-section:toolTipText_des|trigger=none|class=sIndent}Replace with description{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:toolTipText_snc|trigger=button|text=}{sub-section}{sub-section:toolTipText_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:toolTipText_prs|trigger=button|text=}{sub-section}{sub-section:toolTipText_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:toolTipText_ret|trigger=button|text=}{sub-section}{sub-section:toolTipText_ret|trigger=none|class=sIndent}[String]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:toolTipText_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:toolTipText_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:toolTipText_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:toolTipText_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:toolTipText_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:toolTipText_sam|trigger=none}{code:language=javascript} var label = form.newLabel('Stop the mouse over me!', 10, 10, 200, 20); label.toolTipText = 'I\'m the tooltip. Do you see me?'; {code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=transparent|class=node}{tr:id=name}{td}h6.transparent{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:transparent_des|trigger=button|text=}{sub-section}{sub-section:transparent_des|trigger=none|class=sIndent}Replace with description{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:transparent_snc|trigger=button|text=}{sub-section}{sub-section:transparent_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:transparent_prs|trigger=button|text=}{sub-section}{sub-section:transparent_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:transparent_ret|trigger=button|text=}{sub-section}{sub-section:transparent_ret|trigger=none|class=sIndent}[Boolean]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:transparent_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:transparent_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:transparent_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:transparent_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:transparent_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:transparent_sam|trigger=none}{code:language=javascript} // Load an image from disk an create a Media object based on it. var imageBytes = plugins.file.readFile('d:/ball.jpg'); var media = solutionModel.newMedia('ball.jpg', imageBytes); // Put on the form a label with the image. var image = form.newLabel('', 10, 10, 100, 100); image.imageMedia = media; // Put two fields over the image. The second one will be transparent and the // image will shine through. var nonTransparentField = form.newField('parent_table_text', JSField.TEXT_FIELD, 10, 20, 100, 20); var transparentField = form.newField('parent_table_text', JSField.TEXT_FIELD, 10, 50, 100, 20); transparentField.transparent = true; {code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=verticalAlignment|class=node}{tr:id=name}{td}h6.verticalAlignment{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:verticalAlignment_des|trigger=button|text=}{sub-section}{sub-section:verticalAlignment_des|trigger=none|class=sIndent}Replace with description{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:verticalAlignment_snc|trigger=button|text=}{sub-section}{sub-section:verticalAlignment_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:verticalAlignment_prs|trigger=button|text=}{sub-section}{sub-section:verticalAlignment_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:verticalAlignment_ret|trigger=button|text=}{sub-section}{sub-section:verticalAlignment_ret|trigger=none|class=sIndent}[Number]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:verticalAlignment_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:verticalAlignment_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:verticalAlignment_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:verticalAlignment_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:verticalAlignment_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:verticalAlignment_sam|trigger=none}{code:language=javascript} var topAlignedLabel = form.newLabel('TOP', 400, 10, 50, 300); topAlignedLabel.verticalAlignment = SM_ALIGNMENT.TOP; var vCenterAlignedLabel = form.newLabel('CENTER', 460, 10, 50, 300); vCenterAlignedLabel.verticalAlignment = SM_ALIGNMENT.CENTER var bottomAlignedLabel = form.newLabel('BOTTOM', 520, 10, 50, 300); bottomAlignedLabel.verticalAlignment = SM_ALIGNMENT.BOTTOM; {code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=visible|class=node}{tr:id=name}{td}h6.visible{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:visible_des|trigger=button|text=}{sub-section}{sub-section:visible_des|trigger=none|class=sIndent}Replace with description{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:visible_snc|trigger=button|text=}{sub-section}{sub-section:visible_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:visible_prs|trigger=button|text=}{sub-section}{sub-section:visible_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:visible_ret|trigger=button|text=}{sub-section}{sub-section:visible_ret|trigger=none|class=sIndent}[Boolean]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:visible_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:visible_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:visible_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:visible_link|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:visible_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:visible_sam|trigger=none}{code:language=javascript} var form = solutionModel.newForm('printForm', 'db:/example_data/parent_table', null, false, 400, 300); var field = form.newField('parent_table_text', JSField.TEXT_FIELD, 10, 10, 100, 20); field.visible = false; {code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=width|class=node}{tr:id=name}{td}h6.width{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:width_des|trigger=button|text=}{sub-section}{sub-section:width_des|trigger=none|class=sIndent}Replace with description{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:width_snc|trigger=button|text=}{sub-section}{sub-section:width_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:width_prs|trigger=button|text=}{sub-section}{sub-section:width_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:width_ret|trigger=button|text=}{sub-section}{sub-section:width_ret|trigger=none|class=sIndent}[Number]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:width_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:width_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:width_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:width_link|trigger=none}{sub-section}{div}{td}{tr}{builder-showdiv:class=sIndent}{code:language=javascript} // Create a form method. var m = form.newMethod('function onClick() { application.output("I was clicked."); }'); // Create a label with the method attached to its onClick event. var label = form.newLabel('I am a label', 10, 10, 200, 20, m); // By default the label does not visually react to clicks, but we can enable this. // Basically the label will now behave as a button does. label.showClick = true; // Create a button with the same method attached to its onClick event. var btn = form.newButton('And I am a button', 10, 40, 200, 20, m); // By default the button visually reacts to onClick, but we can disable this. // Then the button will behave like a label does. btn.showClick = false; {code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=showFocus}{tr:id=name}{td}h6.showFocus{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[Boolean]{div}{td}{tr}{tr:id=sam}{td}*Sample*\\{sub-section:width_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:width_sam|trigger=none}{code:language=javascript} var fieldm = form.newFieldnewMethod('parent_table_text', JSField.TEXT_FIELD, 10, 10, 100, 20); application.output('original width: ' + field.width); application.output('original height: ' + field.height); field.width = 200; field.height = 100; application.output('modified width: ' + field.width); application.output('modified height: ' + field.height); {code}{sub-sectionfunction onClick() { application.output("I was clicked."); }'); var label = form.newLabel('I am a label', 10, 10, 200, 20, m); label.showFocus = false; var btn = form.newButton('And I am a button', 10, 40, 200, 20, m); btn.showFocus = false; {code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=x|class=nodestyleClass}{tr:id=name}{td}h6.x{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:x_des|trigger=button|text=}{sub-section}{sub-section:x_des|trigger=none|class=sIndent}Replace with description{sub-section}{td}{tr}{builder-show}{builder-show:permission=editstyleClass{td}{tr}{tr:id=sncret}{td}*SinceReturns*\\{sub-section:x_snc|trigger=button|text=}{sub-section}{sub-section:x_snc|trigger=none|div:class=sIndent} Replace with version info{sub-section[String]{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prssam}{td}*ParametersSample*\\{sub-section:x_prs|trigger=button|text=}{sub-section}{sub-section:x_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:x_ret|trigger=button|text=}{sub-section}{sub-section:x_ret|trigger=none|class=sIndent}[Number]{sub-sectiondiv:class=sIndent}{code:language=javascript} var form = solutionModel.newForm('printForm', 'db:/example_data/parent_table', null, false, 400, 300); var field = form.newField('parent_table_text', JSField.TEXT_FIELD, 10, 10, 100, 20); var style = solutionModel.newStyle('myStyle','field.fancy { background-color: yellow; }'); form.styleName = 'myStyle'; // First set the style on the form. field.styleClass = 'fancy'; // Then set the style class on the field. {code}{div}{td}{tr}{builder-showtr:permissionclass=editlastDetailRow}{tr:id=seetd}{td}*Also see*\\{sub-section:x_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:x_see|trigger=none}{sub-section}{div}{tr}{tbody}{tbody:id=tabSeq}{tr:id=name}{td}h6.tabSeq{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=linkret}{td}*External linksReturns*\\{sub-section:x_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:x_link|trigger=none}{sub-section}=sIndent}[Number]{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:x_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:x_sam|trigger=none}{code:language=javascript} var fieldcode:language=javascript} // Create three fields. Based on how they are placed, by default they will come one // after another in the tab sequence. var fieldOne = form.newField('parent_table_id', JSField.TEXT_FIELD, 10, 10, 100, 20); var fieldTwo = form.newField('parent_table_text', JSField.TEXT_FIELD, 10, 40, 100, 20); var fieldThree = form.newField('parent_table_textid', JSField.TEXT_FIELD, 10, 1070, 100, 20); application.output('original location: ' + field.x + ', ' + field.y); field.x = 90; field.y = 90; application.output('changed location: ' + field.x + ', ' + field.y); {code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=y|class=node}{tr:id=name}{td}h6.y{td}{tr}{builder-show:permission=edit}{tr:id=des}{td}{sub-section:y_des|trigger=button|text=}{sub-section}{sub-section:y_des|trigger=none|class=sIndent}Replace with description{sub-section// Set the third field come before the first in the tab sequence, and remove the // second field from the tab sequence. fieldOne.tabSeq = 2; fieldTwo.tabSeq = SM_DEFAULTS.IGNORE; fieldThree.tabSeq = 1; {code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{builder-showtbody}{builder-showtbody:permissionid=edittext}{tr:id=snc}{td}*Since*\\{sub-section:y_snc|trigger=button|text=}{sub-section}{sub-section:y_snc|trigger=none|class=sIndent} Replace with version info{sub-section=name}{td}h6.text{trtd}{builder-show}{builder-show:permission=edittr}{tr:id=prsret}{td}*ParametersReturns*\\{sub-section:y_prs|trigger=button|text=}{sub-section}{sub-section:y_prs|trigger=none|div:class=sIndent}{sub-section[String]{div}{td}{tr}{builder-show}{tr:id=retsam}{td}*ReturnsSample*\\{sub-section:y_ret|trigger=button|text=}{sub-section}{sub-section:y_ret|trigger=none|class=sIndent}[Number]{sub-section{div:class=sIndent}{code:language=javascript} // In general the text is specified when creating the component. var label = form.newLabel('Initial text', 10, 10, 100, 20); // But it can be changed later if needed. label.text = 'Changed text'; {code}{div}{td}{tr}{builder-showtr:permissionclass=editlastDetailRow}{tr:id=seetd}{td}*Also see*\\{sub-section:y_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:y_see|trigger=none}{sub-section}{div}{tr}{tbody}{tbody:id=toolTipText}{tr:id=name}{td}h6.toolTipText{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:y_link|trigger=button|text=}{sub-section}=ret}{td}*Returns*\\{div:class=sIndent}{sub-section:y_link|trigger=none}{sub-section}[String]{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:y_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:y_sam|trigger=none}{code:language=javascript} var fieldlabel = form.newField('parent_table_text', JSField.TEXT_FIELDnewLabel('Stop the mouse over me!', 10, 10, 100200, 20); application.output('original location: ' + field.x + ', ' + field.y); field.x = 90; field.y = 90; application.output('changed location: ' + field.x + ', ' + field.y); {code}{sub-sectionlabel.toolTipText = 'I\'m the tooltip. Do you see me?'; {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=getDesignTimeProperty|class=nodetransparent}{tr:id=name}{td}h6.getDesignTimeProperty{td}{tr}{tr:id=sig}{td}{span:style=float: left; margin-right: 5px;}[Object]{span}{span:id=iets|style=float: left; font-weight: bold;}getDesignTimeProperty{span}{span:id=iets|style=float: left;}\(){span.transparent{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[Boolean]{div}{td}{tr}{builder-show:permission=edit}{tr:id=dessam}{td}{sub-section:getDesignTimeProperty_des|trigger=button|text=}{sub-section}{sub-section:getDesignTimeProperty_des|trigger=none|class=sIndent}Replace with description{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=snc}{td}*Since*\\{sub-section:getDesignTimeProperty_snc|trigger=button|text=}{sub-section}{sub-section:getDesignTimeProperty_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:getDesignTimeProperty_prs|trigger=button|text=}{sub-section}{sub-section:getDesignTimeProperty_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:getDesignTimeProperty_ret|trigger=button|text=}{sub-section}{sub-section:getDesignTimeProperty_ret|trigger=none|class=sIndent}[Object]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:getDesignTimeProperty_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:getDesignTimeProperty_see|trigger=none}{sub-section}{div*Sample*\\{div:class=sIndent}{code:language=javascript} // Load an image from disk an create a Media object based on it. var imageBytes = plugins.file.readFile('d:/ball.jpg'); var media = solutionModel.newMedia('ball.jpg', imageBytes); // Put on the form a label with the image. var image = form.newLabel('', 10, 10, 100, 100); image.imageMedia = media; // Put two fields over the image. The second one will be transparent and the // image will shine through. var nonTransparentField = form.newField('parent_table_text', JSField.TEXT_FIELD, 10, 20, 100, 20); var transparentField = form.newField('parent_table_text', JSField.TEXT_FIELD, 10, 50, 100, 20); transparentField.transparent = true; {code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{builder-showtbody}{builder-showtbody:permissionid=editverticalAlignment}{tr:id=link}name}{td}h6.verticalAlignment{td}*External links*\\{sub-section:getDesignTimeProperty_link|trigger=button|text=}{sub-section}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}{sub-section:getDesignTimeProperty_link|trigger=none}{sub-section}[Number]{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:getDesignTimeProperty_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:getDesignTimeProperty_sam|trigger=none}{code:language=javascript} var frm = solutionModel.getForm('orders') var fld = frm.getField('fld') var prop = fld.getDesignTimeProperty('myprop') {code}{sub-sectioncode:language=javascript} var topAlignedLabel = form.newLabel('TOP', 400, 10, 50, 300); topAlignedLabel.verticalAlignment = SM_ALIGNMENT.TOP; var vCenterAlignedLabel = form.newLabel('CENTER', 460, 10, 50, 300); vCenterAlignedLabel.verticalAlignment = SM_ALIGNMENT.CENTER var bottomAlignedLabel = form.newLabel('BOTTOM', 520, 10, 50, 300); bottomAlignedLabel.verticalAlignment = SM_ALIGNMENT.BOTTOM; {code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=getUUID|class=nodevisible}{tr:id=name}{td}h6.getUUID{td}{tr}{tr:id=sig}{td}{span:style=float: left; margin-right: 5px;}[UUID]{span}{span:id=iets|style=float: left; font-weight: bold;}getUUID{span}{span:id=iets|style=float: left;}\(){spanvisible{td}{tr}{tr:id=ret}{td}*Returns*\\{div:class=sIndent}[Boolean]{div}{td}{tr}{builder-showtr:permission=edit}{tr:id=des}{td}{sub-section:getUUID_des|trigger=button|text=}{sub-section}{sub-section:getUUID_des|trigger=none|class=sIndent}Replace with description{sub-sectionid=sam}{td}*Sample*\\{div:class=sIndent}{code:language=javascript} var form = solutionModel.newForm('printForm', 'db:/example_data/parent_table', null, false, 400, 300); var field = form.newField('parent_table_text', JSField.TEXT_FIELD, 10, 10, 100, 20); field.visible = false; {code}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=snctr:class=lastDetailRow}{td}{td}*Since*\\{sub-section:getUUID_snc|trigger=button|text=}{sub-section}{sub-section:getUUID_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{tr}{tbody}{tbody:id=width}{tr:id=name}{td}h6.width{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prsret}{td}*ParametersReturns*\\{sub-section:getUUID_prs|trigger=button|text=}{sub-section}{sub-section:getUUID_prs|trigger=none|{div:class=sIndent}{sub-section[Number]{div}{td}{tr}{builder-show}{tr:id=retsam}{td}*ReturnsSample*\\{sub-section:getUUID_ret|trigger=button|text=}{sub-section}{sub-section:getUUID_ret|trigger=none|class=sIndent}[UUID]{sub-section{div:class=sIndent}{code:language=javascript} var field = form.newField('parent_table_text', JSField.TEXT_FIELD, 10, 10, 100, 20); application.output('original width: ' + field.width); application.output('original height: ' + field.height); field.width = 200; field.height = 100; application.output('modified width: ' + field.width); application.output('modified height: ' + field.height); {code}{div}{td}{tr}{builder-showtr:permissionclass=editlastDetailRow}{tr:id=seetd}{td}*Also see*\\{sub-section:getUUID_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:getUUID_see|trigger=none}{sub-section}{div}{tr}{tbody}{tbody:id=x}{tr:id=name}{td}h6.x{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:getUUID_link|trigger=button|text=}{sub-section}=ret}{td}*Returns*\\{div:class=sIndent}{sub-section:getUUID_link|trigger=none}{sub-section}[Number]{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:getUUID_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:getUUID_sam|trigger=none}{code:language=javascript} var button_uuidfield = solutionModelform.getForm("my_form").getButton("my_button").getUUID()newField('parent_table_text', JSField.TEXT_FIELD, 10, 10, 100, 20); application.output('original location: ' + field.x + ', ' + field.y); field.x = 90; field.y = 90; application.output(button_uuid.toString()'changed location: ' + field.x + ', ' + field.y); {code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=putDesignTimeProperty|class=node}{tr:id=name}{td}h6.putDesignTimeProperty{td}{tr}{tr:id=sig}{td}{span:style=float: left; margin-right: 5px;}[Object]{span}{span:id=iets|style=float: left; font-weight: bold;}putDesignTimeProperty{span}{span:id=iets|style=float: left;}\(){span}{td}{tr}{builder-show:permission=edit:id=y}{tr:id=des}name}{td}h6.y{td}{tr}{sub-section:putDesignTimeProperty_des|trigger=button|text=}{sub-section}{sub-section:putDesignTimeProperty_des|trigger=none|class=sIndent}Replace with description{sub-sectiontr:id=ret}{td}*Returns*\\{div:class=sIndent}[Number]{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=sncsam}{td}*SinceSample*\\{sub-section:putDesignTimeProperty_snc|trigger=button|text=}{sub-section}{sub-section:putDesignTimeProperty_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=prs}{td}*Parameters*\\{sub-section:putDesignTimeProperty_prs|trigger=button|text=}{sub-section}{sub-section:putDesignTimeProperty_prs|trigger=none|class=sIndent}{sub-section}{td}{tr}{builder-show}{tr:id=ret}{td}*Returns*\\{sub-section:putDesignTimeProperty_ret|trigger=button|text=}{sub-section}{sub-section:putDesignTimeProperty_ret|trigger=none|class=sIndent}[Object]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:putDesignTimeProperty_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:putDesignTimeProperty_see|trigger=none}{sub-section}{div}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:putDesignTimeProperty_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:putDesignTimeProperty_link|trigger=none}{sub-section}{div:class=sIndent}{code:language=javascript} var field = form.newField('parent_table_text', JSField.TEXT_FIELD, 10, 10, 100, 20); application.output('original location: ' + field.x + ', ' + field.y); field.x = 90; field.y = 90; application.output('changed location: ' + field.x + ', ' + field.y); {code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{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=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=ret}{td}*Returns*\\{div:class=sIndent}[Object]{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:putDesignTimeProperty_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:putDesignTimeProperty_sam|trigger=none}{code:language=javascript} var frm = solutionModel.getForm('orders') var fld = frm.getField('fld') var prop = fld.putDesignTimePropertygetDesignTimeProperty('myprop', 'strawberry') {code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=removeDesignTimeProperty|class=nodegetUUID}{tr:id=name}{td}h6.removeDesignTimePropertygetUUID{td}{tr}{tr:id=sig}{td}{span:style=float: left; margin-right: 5px;}[ObjectUUID]{span}{span:id=iets|style=float: left; font-weight: bold;}removeDesignTimePropertygetUUID{span}{span:id=iets|style=float: left;}\(){span}{td}{tr}{tr:id=ret}{td}{builder-show:permission=edit*Returns*\\{div:class=sIndent}[UUID]{div}{td}{tr}{tr:id=dessam}{td}*Sample*\\{div:class=sIndent}{sub-section:removeDesignTimeProperty_des|trigger=button|text=}{sub-section}{sub-section:removeDesignTimeProperty_des|trigger=none|class=sIndent}Replace with description{sub-sectioncode:language=javascript} var button_uuid = solutionModel.getForm("my_form").getButton("my_button").getUUID(); application.output(button_uuid.toString()); {code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{builder-showtbody}{builder-showtbody:permissionid=editputDesignTimeProperty}{tr:id=snc}name}{td}h6.putDesignTimeProperty{td}*Since*\\{sub-section:removeDesignTimeProperty_snc|trigger=button|text=}{sub-section}{sub-section:removeDesignTimeProperty_snc|trigger=none|class=sIndent} Replace with version info{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{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=prsret}{td}*ParametersReturns*\\{sub-section:removeDesignTimeProperty_prs|trigger=button|text=}{sub-section}{sub-section:removeDesignTimeProperty_prs|trigger=none|{div:class=sIndent}{sub-section[Object]{div}{td}{tr}{builder-show}{tr:id=retsam}{td}*ReturnsSample*\\{sub-section:removeDesignTimeProperty_ret|trigger=button|text=}{sub-section}{sub-section:removeDesignTimeProperty_ret|trigger=none|class=sIndent}[Object]{sub-section{div:class=sIndent}{code:language=javascript} var frm = solutionModel.getForm('orders') var fld = frm.getField('fld') fld.putDesignTimeProperty('myprop', 'strawberry') {code}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{builder-showtbody:permissionid=editremoveDesignTimeProperty}{tr:id=see}name}{td}h6.removeDesignTimeProperty{td}*Also see*\\{sub-section:removeDesignTimeProperty_see|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:removeDesignTimeProperty_see|trigger=none}{sub-section}{div}{tr}{tr:id=sig}{td}{span:style=margin-right: 5px;}[Object]{span}{span:style=font-weight: bold;}removeDesignTimeProperty{span}{span}\(){span}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=linkret}{td}*External linksReturns*\\{sub-section:removeDesignTimeProperty_link|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:removeDesignTimeProperty_link|trigger=none}{sub-section}[Object]{div}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:removeDesignTimeProperty_sam|trigger=button|text=}{sub-section}{div:class=sIndent}{sub-section:removeDesignTimeProperty_sam|trigger=none}{code:language=javascript} var frm = solutionModel.getForm('orders') var fld = frm.getField('fld') fld.removeDesignTimeProperty('myprop') {code}{sub-section}{div}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{table} |
Overview
Content Tools
Activity