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

Introduction

The Form Navigation designer enables to 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.

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

Create a New Form

To create a new form:

  1. Click the Add Form button on the command bar
  2. Give the new form a name
  3. Click OK

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

Link a Form into the Navigation

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

  1. Click and hold the left mouse button down on the circle next to the arrow which is pointing into the Details form.
  2. Drag the circle across to the new form.
  3. Release the left mouse button - the arrow should now point at the new form.
  4. Click and hold the left mouse button down on the circle at the bottom of the new form.
  5. Drag the circle across to the Details form.
  6. Release the left mouse button - you should now have an arrow going from the new form to the Details form.
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 doesn't have an arrow already, then drag the circle from the bottom of the form, over the form you want to link to.

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
  • Multi Form Layout Bottom Tabs
  • Multi Form Layout Bottom Tabs with 3D
  • Multi Form Layout LH Tabs
  • Multi Form Layout RH Tabs
  • SingleFormLayout

Blank Form

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

Once the form is created link it into your navigation as described in Link a Form into the Navigation above.

Multi Form Layout Bottom Tabs

This template creates a new responsive layout with multiple Forms, with the tabs on the bottom.

Multi Form Layout Bottom Tabs with 3D

This template creates a new responsive layout with multiple Forms, with the tabs on the bottom and 3D Models.

Multi Form Layout LH Tabs

This template creates a new responsive layout with multiple Forms, with the tabs on the left.

Multi Form Layout RH Tabs

This template creates a new responsive layout with multiple Forms, with the tabs on the right.

SingleFormLayout

This template creates a new responsive layout with a single Form.

The layout adapts to changes in browser width or device orientation using the special variable DWFormContainerWidth.

Creating a Dialog Form

To create a new Dialog Form

  1. Click the Add Form button on the command bar
  2. Give the new form a name
  3. Click OK

The new form will be created, as long as the new form remains unconnected to the navigation that sits in between the start and finish flags the form will be a dialog form.

Dialog forms that are launched from a dialog button or item list control can contain navigation to other dialog forms.

Dialog forms that are launched within the Frame Control cannot contain navigation to other dialog forms within the same frame control.

Creating a new Decision and Linking it into the Navigation

To create a new Decision:

  1. Click the Add Decision button on the command bar.
  2. Give the new decision a name.
  3. 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:

  1. Click the decision to select it.
  2. Click the Build button on the command bar.
  3. 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.
  4. 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:

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

Rename a Form or Decision

To rename a form/decision:

  1. Click the form/decision to be renamed so that it becomes selected.
  2. Click the Rename button on the command bar.
  3. Enter the new form/decision name.
  4. 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.

The process of passing from one user form to another during specification.

The ability of form navigation to choose if a user form is to be displayed during specification.

A user form without any connections that link it to the start and finish form navigation flags.

A dialog form can be displayed during specification in one or more of the following ways:

  • Using the Dialog Button
  • Using the Item List control
  • Using the Frame Control

The Dialog Button and Item List controls will launch the dialog form as a modal window (requires user interaction before returning to the main navigation). With DriveWorks Administrator and DriveWorks User this will be in the form of a pop up window that sits in front of the main specification window. With DriveWorks Live this will launch within the same specification window, that will return to the main specification when closed.

A dialog form launched from the Dialog Button or Item List controls can navigate to other dialog forms.

A dialog form launched within the Frame Control cannot navigate to any other dialog forms within the same frame control.

A user form control that displays a box in which a dialog form can be displayed.

The ability of form navigation to choose if a user form is to be displayed during specification.

Table of Contents