WebFormItem
The 4D.WebFormItem class allows you to handle the behavior of your Qodly webform components.
4D.WebFormItem objects are properties of the 4D.WebForm object returned by the Web Form command.
When you call the Web Form command, the returned 4D.WebForm proxy object holds as many 4D.WebFormItems as there are components with server-side references in your webform.
For example, WebFormObject.myImage refers to the image component with myImage as server reference.
History
| Release | Changes |
|---|---|
| 20 R2 | Added |
WebFormItem object
| .addCSSClass(className : string) adds the class specified in className to the component |
| .hide() hides the component |
| .removeCSSClass(className: string) removes the class specified in className from the component |
| .show() makes the component visible |
.addCSSClass()
.addCSSClass(className : string)
| Parameter | Type | Description | |
|---|---|---|---|
| className | string | -> | Name of the CSS class to add to the component |
Description
The .addCSSClass function adds the class specified in className to the component.
.hide()
.hide()
| Parameter | Type | Description | |
|---|---|---|---|
| Does not require any parameters |
Description
The .hide() function hides the component.
Example
To call a function that hides an image when the user clicks a button:
- Create an exposed function inside a shared singleton class named
isHiddenthat contains the following code:
shared singleton Class constructor()
exposed Function isHidden()
var myComponent : 4D.WebFormItem
myComponent:=Web Form.myImage
myComponent.hide() // Hide the component that has "myImage" as server reference
- In Qodly Studio: Select the image component on the canvas, and enter a server-side reference in the Properties Panel > Server Side, for example "myImage".
- Select the Button component and add an
onclickevent to it. - Attach the
isHiddenfunction to the event.
.removeCSSClass()
.removeCSSClass(className: string)
| Parameter | Type | Description | |
|---|---|---|---|
| className | string | -> | Name of the CSS class to remove from the component |
Description
The .removeCSSClass() function removes the class specified in className from the component.
.show()
.show()
| Parameter | Type | Description | |
|---|---|---|---|
| Does not require any parameters |
Description
The .show() function makes the component visible.If the component was already visible, the function does nothing.