input_value
in the 'Variables' tab on the canvas. Then navigate back to the input field and choose the value of the Input to be input_value
from the Properties sidebar on right.input_value
variable will dynamically change depending on what the user types to the Input in the app. Furthermore, as we want user to write an email to the input, you can change the Keyboard type to email-address
from Input Properties tab like so:input_value
is to use Formula functions with the Input styles.input_value
. It outputs a light gray color if the input_value
is empty, a lime green if the input_value
is an email and red when it's not, but has some text.input_state
with type Text and select it to allow only specific values.input_state
is default. Then, it's time to change the Formula that defines the Border color of the Input field. Change it to this:input_state
to correspond the situation.input_state
Page variable based on this Formula:input_value
and input_state
variables can also be used outside the scope of the Input field. For us this allows a possibility to show a specific Icon to indicate the input validity. So, let's drag an Icon to the canvas.input_state
is valid
or invalid
, not when it's default
. So, from Advanced section of the Properties tab bind the Visible property to this Formula: