Home » Working with widgets » Working with Combo Text Fields

About Combo Text Fields

Adding a new Combo Text Field

Renaming a Combo Text Field

Changing the position of a Combo Text Field

Changing the width of a Combo Text Field

Displaying a Combo Text Field as a form

Moving a Combo Text Field Forward or Backward

Centering a Combo Text Field

Deleting a Combo Text Field

About Combo Text Fields:

A Combo Text Field is a special kind of text field that supports autocompletion and displays a drop-down list of preexisting suggestions. Combo Text Fields can be displayed as a form.

Adding a new Combo Text Field:

Choose Widget > Insert Text Box > Combo Text Field. If the current Edit Mode is Edit Background Layer, then the Combo Text Field will be added to the Background. Otherwise, it will be added to the current card.

Alternately, you can type ^⌘O.

A Combo Text Field can also be added using the Widgets pull-down menu in the toolbar.
Widgets Pull Down

Renaming a Combo Text Field:

  1. If the Combo Text Field is located in the Background, then change the Edit Mode to Edit Background Layer. Otherwise, change the Edit Mode to Edit Card Layer. (See Changing the Edit Mode of a stack for more information regarding Edit Modes.)
  2. Click on the Combo Text Field.
  3. Click the “Widget” button on top right of the Info sidebar.
    Widgets Button
  4. In the “General” section of the Info sidebar, type the new name of the Combo Text Field into the Name field.
    Rename

Changing the position of a Combo Text Field:

  1. If the Combo Text Field is located in the Background, then change the Edit Mode to Edit Background Layer. Otherwise, change the Edit Mode to Edit Card Layer. (See Changing the Edit Mode of a stack for more information regarding Edit Modes.)
  2. Click and drag the Combo Text Field to the desired destination.

    Alternately, the location can altered using the Combo Text Field’s “Metrics” section of the Info side bar.

Changing the width of a Combo Text Field:

  1. If the Combo Text Field is located in the Background, then change the Edit Mode to Edit Background Layer. Otherwise, change the Edit Mode to Edit Card Layer. (See Changing the Edit Mode of a stack for more information regarding Edit Modes.)
  2. Click on the Combo Text Field.
  3. Click and drag one the anchors in the desired direction.
    Anchors

    Alternately, the width can altered using the Combo Text Field’s “Metrics” section of the Info sidebar.

    Please note that the height of a Combo Text Field cannot be altered.

Displaying a Combo Text Field as a form:

Display as Form Explanation

  1. If the Combo Text Field is located in the Background, then change the Edit Mode to Edit Background Layer. Otherwise, change the Edit Mode to Edit Card Layer. (See Changing the Edit Mode of a stack for more information regarding Edit Modes.)
  2. Click on the Combo Text Field.
  3. Click the “Widget” button on top right of the Info sidebar.
    Widgets Button
  4. In the “Appearance” section of the Info sidebar, click the “Display as form” check box if it is not already checked.
    Display as Form

Moving a Combo Text Field Forward or Backward:

  1. If the Combo Text Field is located in the Background, then change the Edit Mode to Edit Background Layer. Otherwise, change the Edit Mode to Edit Card Layer. (See Changing the Edit Mode of a stack for more information regarding Edit Modes.)
  2. Click on the Combo Text Field.
  3. To move a Combo Text Field one position at a time, choose Widget > Bring Forward or Send Backward.

    To move a Combo Text Field in front of all other widgets in a card or the background, choose Widget > Bring to Front.

    To move a Combo Text Field behind all other widgets in a card or the background, choose Widget > Send to Back.

Centering a Combo Text Field:

  1. If the Combo Text Field is located in the Background, then change the Edit Mode to Edit Background Layer. Otherwise, change the Edit Mode to Edit Card Layer. (See Changing the Edit Mode of a stack for more information regarding Edit Modes.)
  2. Click on the Combo Text Field.
  3. To center a Combo Text Field horizontally, choose Widget > Center Horizontally in Card or Center Horizontally in Background.

    To center a Combo Text Field vertically, choose Widget > Center Vertically in Card or Center Vertically in Background.

Deleting a Combo Text Field:

  1. If the Combo Text Field is located in the Background, then change the Edit Mode to Edit Background Layer. Otherwise, change the Edit Mode to Edit Card Layer. (See Changing the Edit Mode of a stack for more information regarding Edit Modes.)
  2. Click on the Combo Text Field.
  3. Press the Delete key.