Disable Invalid form
, the Submit button will stay disabled till a name is entered in the text field.Disable Invalid form
by clicking on the JS button.Visible
controls the widget’s visibility on the app’s page. The widget will not be visible on the published app if you turn off this property. You can also write a JS code to link Visible’s functionality to a user action. Click on JS
next to the Visible to write JavaScript code.checkbox1
onto the canvas and bind it to the Visible
property. To enable the Visible
when the user checks the checkbox, add the following JavaScript code:{ "name": {
"isVisible": true, ... }, ... }
{{<widget_name>.fieldState}}
{{<widget_name>.formData}}
{{<widget_name>.isValid}}
{{<widget_name>.sourceData}}
formData
fetches the data entered by the user in the form of JSON format. You can pass this data to queries, or other widgets.JSONform1
and bind the data in the form fields to a text widget. Drag a Text widget onto the canvas and add the following snippet to the Text property of the Text widget:fieldState
captures the state of the fields present in the form in JSON format. The states include the properties of the fields (widgets) like disabled, required, visible, etc.sourceData
fetches the data coming from the source data that is bound to the form in a JSON format. The source data may have static JSON data or data coming in from a query or an API.border-radius
values.box-shadow
values.border-radius
values.box-shadow
values.