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