false
, the input is considered invalid and the widget will show its Error Message.Error message
property to provide better feedback on the input given by the user.JS
code to link this property to a user action. Click on 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
code to link Disabled’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 Disabled
property. To enable the Disabled
when the user checks the checkbox, add the following JavaScript code:Reset on Submit
is enabled, the 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 currency input widget will reset itself to its original state.Auto focus
, the cursor focuses on the input box whenever the widget is loaded.{{currency_widget_name.Countrycode}}
{{currency_widget_name.Currencycode}}
{{currency_widget_name.isDisabled}}
{{currency_widget_name.isValid}}
{{currency_widget_name.isVisible}}
{{currency_widget_name.text}}
{{currency_widget_name.value}}
<currency_input_widget_name>
is the name of your input box.currencyinput1
and bind its text to a text widget. Drag a text widget onto the canvas and add the following snippet:<currency_input_widget_name>
is the name of your input box.currencyinput1
and bind its value to a text widget. Drag a text widget onto the canvas and add the following snippet:USD
.
Let's take a widget currencyinput1
use this property to display the selected currency’s code in a text widget. Enter the code snippet given below:US.
currencyinput1
use this property to display the selected currency’s country code in a text widget. Enter the code snippet given below:border-radius
values.box-shadow
values.