DriveWorks Solo 15: Form Navigation [send feedback...]

Introduction

The form navigation designer enables to quickly create multiple input forms to create a wizard-style input process.

By using decisions, you can even selectively decide whether to show specific forms based on values the user has already entered.

Form
Navigation

A "Details" form is created by default, and automatically linked in to the navigation.

Creating a new Form and Linking it into the Navigation

To create a new form:

  • Click the "New Form" button on the command bar
  • Give the new form a name
  • Click "OK"

The new form will be created, but isn't linked to the navigation.

To change the flow of navigation, choose the form you want to go from, and if it already has an arrow going somewhere, then drag the circle at the arrow head over the form you want to link to. If it has no arrow, then drag the circle from the bottom of the form, over the form you want to link to.

To link the new form into the navigation as the first form:

  • Click and hold the left mouse button down on the circle next to the arrow which is pointing into the "Details" form.
  • Drag the circle across to the new form.
  • Release the left mouse button - the arrow should now point at the new form.
  • Click and hold the left mouse button down on the circle at the bottom of the new form.
  • Drag the circle across to the "Details" form.
  • Release the left mouse button - you should now have an arrow going from the new form to the "Details" form.

Creating a Form from a Template

Form Templates provide a starting point to quickly build adaptive forms that respond when viewed on different devices.

To create a Form from a Template:

  1. Click the drop down arrow on the Add Form button
  2. Select Add from template

  3. Select the required template from the list in the Pick Form Template dialog
  4. Enter a name for the Form
  5. Click OK

The new form will be created, but will not be linked to the navigation.

The template options are:

  • Blank Form
  • Solo Basic 1
  • Solo Basic 2
  • Solo Basic 3

Blank Form

The Blank Form template creates a single blank form in exactly the same way as the Add Form button does.

Solo Basic 1

A basic responsive form with a header and footer.

Solo Basic 2

Controls on this form respond to width adjustment. The Numeric Text Box and Slider Width controls are linked.

Solo Basic 3

This form has a responsive height hierarchy.

Creating a new Decision and Linking it into the Navigation

To create a new decision:

  • Click the "New Decision" button on the command bar.
  • Give the new decision a name.
  • Click "OK".

The new decision will be created, but isn't linked to the navigation.

Linking a decision to the navigation consists of three parts:

  1. Setting up a rule which evaluates to either TRUE or FALSE
  2. Choosing which form to show if the rule evaluates to TRUE..
  3. Choosing which form to show if the rule evaluates to FALSE.

To setup the condition:

  • Click the decision to select it.
  • Click the "Build" button on the command bar.
  • Enter a rule in the rule builder that results in true or false, e.g. "IF(SomeControlValue="Blue", TRUE, FALSE)" or more succinctly: "SomeControlValue=Blue".
  • Click "OK" to close the rule builder.

To setup the TRUE form, drag the green circle from the decision, over the target form.

To setup the FALSE form, drag the red circle from the decision, over the target form.

Delete a Form or Decision

To delete a form/decision:

  • Click the form/decision to be deleted so that it becomes selected.
  • Click the "Delete" button on the command bar.

Rename a Form or Decision

To rename a form/decision:

  • Click the form/decision to be renamed so that it becomes selected.
  • Click the "Rename" button on the command bar.
  • Enter the new form/decision name.
  • Press Return to confirm the new name.

Aligning Forms and Decisions

You can improve the appearance of your form navigation to make it easier to understand by using the alignment tools on the command bar.

The following alignment tools are available:

  • Align Lefts
  • Align Vertical Centers
  • Align Rights
  • Align Horizontal Centers
  • Align Middles
  • Align Bottoms
  • Space Evenly Vertically
  • Space Evenly Horizontally

Zooming

You can zoom in the form navigation designer by holding down the Control (CTRL) key on your keyboard, and using the mouse wheel.

To reset the zoom, double click the label at the top right of the navigation designer which tells you the current zoom level.

Working with a Large Navigation

If your form navigation becomes large enough that you can't see the whole navigation on one screen, you can use the "Overview" tool on the command bar to get show a thumbnail of the navigation, and the current scroll position.

Table of Contents