DriveWorks Solo 22

Form Navigation

Form Navigation

The form navigation designer enables quick creation of multiple input forms.

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

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 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

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

• Control Heavy 1

  Red Theme showing all controls.

  This template shows a skin you can use to customize the look of DriveWorks to suit your needs. Please do not save this form name containing a number.

  

• Control Heavy 2

  Teal Theme showing all controls .

  This template shows a skin you can use to customize the look of DriveWorks to suit your needs. Please do not save this form name containing a number.

  

• Control Heavy 3

  Purple Theme showing all controls .

  This template shows a skin you can use to customize the look of DriveWorks to suit your needs. Please do not save this form name containing a number.

  

• Solo Basic 1

  Responsive Basic Form Template

  

• Solo Basic 2

  Responsive Basic Form Template

  

• Solo Basic 3

  Responsive Basic Form Template

  

• Solo Basic 4

  Purple Theme showing all Controls

  • Override Controls using other Controls
  • Control Information contained within Controls using Tables
  • Change Color Themes easily and dynamically
  • Make a Responsive Form
  • Hide data in Text Boxes

  

• Solo Basic 5

  Responsive Template Form Showing how all controls can be used in a form with the example of a bottle.

  

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.