Ordering & Previewing
If you've followed along so far you should now see a screen that allows you to re-order the form variables and preview the form that you're going to ultimately be exposing to your users.
Click the preview/test form button on the right-hand side of the screen and enter a value for the Name of Bucket field. In the previous section, we added two validations, one for a regex to match the beginning of a string with autocloud- and validation for a min length of 16. If you did this too, then go ahead and paste in autocloud-testing to the Name of Bucket input as that will satisfy both validation requirements.
From there click the test form output button and you can see the code that would be generated if an end user filled out this form.
Exit out of both the code preview and the form preview. Let's now re-order the name variable to come before the namespace variable, simply click on the green dots on the left-hand side of the name variable and drag name to the top of the list. In the future, if you have a Blueprint that contains many variables which you want to re-order you can simply select all of the variables you'd like and do a drag-and-drop them all at once. For this walkthrough however, we only have 2 variables so this is not needed.
If you now click the preview/test form button the form will now present the Name of Bucket field before the Namespace field. The actual generated code will be the same, only the order in which the variables are presented in the form to the end user is changed.
With that, let's click the next button and head over to the generated files section of the UI Builder.