If you enter valid data, you now get the success message: Enter ''Item reordered!'' and in the Type list select Success (2). Drag another Message node from the toolbox, this time to the True branch. Enter 'Check if all fields have the correct information and then retry.' in the Message property of the Message node, and in the Type list select Error (1). Open the ReorderOnClick and it should look something like this:ĭrag a Message node from the toolbox to the False branch of the If node. Select the 'Reorder' button (2) and confirm that the Built-In Validation property in the Events section has the value Yes (3).įinally, edit the flow to show an error message if the user enters invalid data, and a success message when the data is valid.

If you go back to the Screen, you can see that Service Studio created the 'ReorderOnClick' Client Action (1). New action triggers an accelerator to create a Client Action with an initial validation flow. Open the On Click list and select New Client Action. Select the button, go to the properties, find the Event section, and in it On Click. The button (4) needs to be inside the form.Īdd labels on top of the input fields by dragging a Label Widget above the Input Widget. There is a form (1), and in it the input fields (2) with the properties (3). At the end of this step you should have something like this:

Set the label of the button as 'Reorder'. Notice how the Input Type property changes automatically to match the Variable data type.ĭrag a Button Widget to the form, below the input fields. It should look like this, with the Local Variables (1) and entered Name (2) and Data Type (3) properties.ĭrag a Form Widget to the Screen and name it 'ReorderItemForm'.ĭrag three Input Widgets to the 'ReorderItemForm', and set the properties like this: Name Name the Screen 'ReorderItemScreen'.Ĭreate three Local Variables, and set their properties like this: Name Here are the steps to create the UI and basic logic. There is a Screen in the app, where users can reorder an item after entering the following information: Here is a step by step example of creating validation logic. Service Studio creates the initial logic for validation automatically, which can speed up your work significantly.

Logic no input source selected