Home » Working with widgets » Working with Combo Text Fields
Changing the position of a Combo Text Field
Changing the width of a Combo Text Field
Displaying a Combo Text Field as a form
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.
- 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.)
- Click on the Combo Text Field.
- Click the “Widget” button on top right of the Info sidebar.
- In the “General” section of the Info sidebar, type the new name of the Combo Text Field into the Name field.
Changing the position of a Combo Text Field:
- 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.)
- 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:
- 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.)
- Click on the Combo Text Field.
- Click and drag one the anchors in the desired direction.
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:
- 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.)
- Click on the Combo Text Field.
- Click the “Widget” button on top right of the Info sidebar.
- In the “Appearance” section of the Info sidebar, click the “Display as form” check box if it is not already checked.
Moving a Combo Text Field Forward or Backward:
- 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.)
- Click on the Combo Text Field.
- 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.
- 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.)
- Click on the Combo Text Field.
- 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.
- 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.)
- Click on the Combo Text Field.
- Press the Delete key.