Home » Working with widgets » Working with Pop Up Buttons

About Pop Up Buttons

Adding a new Pop Up Button

Renaming a Pop Up Button

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

Moving a Pop Up Button Forward or Backward

Centering a Pop Up Button

Deleting a Pop Up Button

About Pop Up Buttons:

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.

Adding a new Pop Up Button:

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.
Widgets Pull Down

Renaming a Pop Up Button:

  1. 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.)
  2. Click on the Pop Up Button.
  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 Pop Up Button into the Name field.
    Rename

Changing the position of a Pop Up Button:

  1. 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.)
  2. 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:

  1. 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.)
  2. Click on the Pop Up Button.
  3. Click and drag one the anchors in the desired direction.
    Anchors

    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:

Display as Form Explanation

  1. 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.)
  2. Click on the Pop Up Button.
  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

Adding a Choice to a Pop Up Button:

  1. 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.)
  2. Click on the Pop Up Button.
  3. Click the “Widget” button on top right of the Info sidebar.
    Widgets Button
  4. In the “Choices for this Pop Up Button” section of the Info sidebar, click the Add New Choice button (“+”).
    Add Choice
  5. To name the newly created choice, double-click on the name of the choice and type in the desired name.
    Rename Choice

Deleting a Choice from a Pop Up Button:

  1. 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.)
  2. Click on the Pop Up Button.
  3. Click the “Widget” button on top right of the Info sidebar.
    Widgets Button
  4. In the “Choices for this Pop Up Button” section of the Info sidebar, click the name of the desired choice.
    Select Choice
  5. Click the Delete Choice button (“-”).
    Delete Choice

    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:

  1. 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.)
  2. Click on the Pop Up Button.
  3. 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.

Centering a Pop Up Button:

  1. 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.)
  2. Click on the Pop Up Button.
  3. 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.

Deleting a Pop Up Button:

  1. 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.)
  2. Click on the Pop Up Button.
  3. Press the Delete key.