Home » Working with widgets » Working with Pop Up Buttons
Changing the position of a Pop Up Button
Changing the width of a Pop Up Button
Displaying a Pop Up Button as a form
Adding a Choice to a Pop Up Button
Deleting a Choice from a Pop Up Button
A Pop Up Button is a special type of button that, when clocked, presents a list of choices in a menu. Choices can be customized. Pop Up Buttons can be displayed as a form.
Choose Widget > Insert Control > Pop Up Button. If the current Edit Mode is Edit Background Layer, then the Pop Up Button will be added to the Background. Otherwise, it will be added to the current card.
Alternately, you can type ^⌘P.
A Pop Up Button can also be added using the Widgets pull-down menu in the toolbar.
- If the Pop Up Button 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 Pop Up Button.
- 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 Pop Up Button into the Name field.
Changing the position of a Pop Up Button:
- If the Pop Up Button 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 Pop Up Button to the desired destination.
Alternately, the location can altered using the Pop Up Button’s “Metrics” section of the Info side bar.
Changing the width of a Pop Up Button:
- If the Pop Up Button 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 Pop Up Button.
- Click and drag one the anchors in the desired direction.
Alternately, the width can altered using the Pop Up Button’s “Metrics” section of the Info sidebar.
Please note that the height of a Pop Up Button cannot be altered.
Displaying a Pop Up Button as a form:
- If the Pop Up Button 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 Pop Up Button.
- 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.
Adding a Choice to a Pop Up Button:
- If the Pop Up Button 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 Pop Up Button.
- Click the “Widget” button on top right of the Info sidebar.
- In the “Choices for this Pop Up Button” section of the Info sidebar, click the Add New Choice button (“+”).
- To name the newly created choice, double-click on the name of the choice and type in the desired name.
Deleting a Choice from a Pop Up Button:
- If the Pop Up Button 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 Pop Up Button.
- Click the “Widget” button on top right of the Info sidebar.
- In the “Choices for this Pop Up Button” section of the Info sidebar, click the name of the desired choice.
- Click the Delete Choice button (“-”).
Please note that a Pop Up Button must always have at least one choice and, as a result, the Delete Choice Button will be grayed out if there is only one choice.
Moving a Pop Up Button Forward or Backward:
- If the Pop Up Button 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 Pop Up Button.
- To move a Pop Up Button one position at a time, choose Widget > Bring Forward or Send Backward.
To move a Pop Up Button in front of all other widgets in a card or the background, choose Widget > Bring to Front.
To move a Pop Up Button behind all other widgets in a card or the background, choose Widget > Send to Back.
- If the Pop Up Button 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 Pop Up Button.
- To center a Pop Up Button horizontally, choose Widget > Center Horizontally in Card or Center Horizontally in Background.
To center a Pop Up Button vertically, choose Widget > Center Vertically in Card or Center Vertically in Background.
- If the Pop Up Button 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 Pop Up Button.
- Press the Delete key.