Home » Working with widgets » Working with Text Fields
Changing the position of a Text Field
Changing the width of a Text Field
Displaying a Text Field as a form
A Text Field displays a single line of plain text that can be selected or edited. Text Fields can be displayed as a form.
Choose Widget > Insert Text Box > Text Field. If the current Edit Mode is Edit Background Layer, then the Text Field will be added to the Background. Otherwise, it will be added to the current card.
Alternately, you can type ^⌘F.
A Text Field can also be added using the Widgets pull-down menu in the toolbar.
- If the 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 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 Text Field into the Name field.
Changing the position of a Text Field:
- If the 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 Text Field to the desired destination.
Alternately, the location can altered using the Text Field’s “Metrics” section of the Info side bar.
Changing the width of a Text Field:
- If the 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 Text Field.
- Click and drag one the anchors in the desired direction.
Alternately, the width can altered using the Text Field’s “Metrics” section of the Info sidebar.
Please note that the height of a Text Field cannot be altered.
Displaying a Text Field as a form:
- If the 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 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 Text Field Forward or Backward:
- If the 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 Text Field.
- To move a Text Field one position at a time, choose Widget > Bring Forward or Send Backward.
To move a Text Field in front of all other widgets in a card or the background, choose Widget > Bring to Front.
To move a Text Field behind all other widgets in a card or the background, choose Widget > Send to Back.
- If the 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 Text Field.
- To center a Text Field horizontally, choose Widget > Center Horizontally in Card or Center Horizontally in Background.
To center a Text Field vertically, choose Widget > Center Vertically in Card or Center Vertically in Background.
- If the 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 Text Field.
- Press the Delete key.