Configure Train Controls

If you have a multistep form activity that users should approach in a particular sequence, then add a train control to guide them through this activity. The train control displays the number of steps a user must complete before submitting the form, and it also indicates the user’s current place within a multistep activity.

In a multistep form, you can represent each step using a train stop. Users can navigate between steps by clicking on the train stops; the current stop of the user is highlighted in blue and the visited stops bear a check mark.

To configure a Train control:

  1. From the Advanced palette, drag the Train control onto the canvas.

  2. Select the control and use the General tab in the Properties pane to configure the following:

    Field Description

    Name

    An internal identifier that you will use to identify the control.

    Label

    Specifies the control title that displays to a user.

    Binding

    Defines a link between the control and a data attribute.

    Hide

    Select this property to hide the control.

    Stretch

    Select this property to allow the control to expand and occupy the full width of its container. If selected, all the stops will fit into a single view and users don't have to scroll to view the stops.

    Sorted

    Select this property to display the control options in alphabetical order.

    Options Source

    Specify if the control's options should come from static values you enter or from a list of values data attributes.

    • Static: Specify choices using Options Names and Options Values fields. Use Options Names to specify the label to display for an option and use Options Values to specify an internal value for an option.

    • From Data: In the Options List field, select a list of values options source from the data definitions available in the web form. If you selected a list of complex elements, then, in the Label Binding field, specify a data attribute that will display as the label and in the Value Binding field, specify a data attribute that will be the value.

    Default Value

    If you selected Static, then specify a default option in this field.

    If you selected From Data, then select either the first or the last value as the default value.

  3. Use the Styling tab in the Properties pane to modify the control’s appearance as needed. See Styling Properties.