placeholder
property. It can be any message or hint for the expected input.Default text
will fill the input widget with the value at that table's cell.Regex
or Regular expression property, you can set specific constraints on the input you expect from the user.Error message
property to provide better feedback on the input given by the user.JS
next to the Required
to write JavaScript code.checkbox1
onto the canvas and bind it to the Required
property. To enable the Required
when the user checks the checkbox, add the following JavaScript code in the Required property: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:JS
next to the Disabled
to write JavaScript code.checkbox1
onto the canvas and bind it to the Disabled
property. To enable the Disabled
when the user checks the checkbox, add the following JavaScript code:Reset on Submit
is enabled, the input widget resets or clears the entered input after the user submits it.
Let's use the event onSubmit
to show a message when input is submitted. You'll see once the user submits and the message pops up, the input widget will reset itself to its original state.Autofocus
, the cursor focuses on the input box whenever the widget is loaded.<Input_widget_name>
is the name of your input box.input1
and bind its text to a text widget. Drag a Text widget onto the canvas and add the following snippet to the Text property of the Text widget: