Home » Working with widgets » Working with Push Buttons

About Push Buttons

Adding a new Push Button

Renaming a Push Button

Changing the position of a Push Button

Changing the width of a Push Button

Resize a Push Button to fit its name

Changing the action and sound of a Push Button

Moving a Push Button Forward or Backward

Centering a Push Button

Deleting a Push Button

About Push Buttons:

Push Buttons are standard Mac OS X aqua buttons. When clicked, they can perform one of several actions, such as going to the next card in a stack. Optionally, they can play a system sound.

Adding a new Push Button:

Choose Widget > Insert Control > Push Button. If the current Edit Mode is Edit Background Layer, then the Push Button will be added to the Background. Otherwise, it will be added to the current card.

Alternately, you can type ^⌘B.

A Push Button can also be added using the Widgets pull-down menu in the toolbar.
Widgets Pull Down

Renaming a Push Button:

  1. If the Push 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 Push 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 Push Button into the Name field.
    Rename

Changing the position of a Push Button:

  1. If the Push 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 Push Button to the desired destination.

    Alternately, the location can altered using the Push Button’s “Metrics” section of the Info side bar.

Changing the width of a Push Button:

  1. If the Push 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 Push Button.
  3. Click and drag one the anchors in the desired direction.
    Anchors

    Alternately, the width can altered using the Push Button’s “Metrics” section of the Info sidebar.

    Please note that the height of a Push Button cannot be altered.

Resize a Push Button to fit its name:

Original Size Description

  1. If the Push 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 Push Button.
  3. Click the “Widget” button on top right of the Info sidebar.
    Widgets Button
  4. In the “Metrics” section of the Info sidebar, click the Make Original Size button.
    Original Size

Changing the action and sound of a Push Button:

  1. If the Push 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 Push Button.
  3. Click the “Widget” button on top right of the Info sidebar.
    Widgets Button
  4. In the “Action” section of the Info sidebar, choose the action type using the “Type” pop up.
    Action Type
  5. To complement the the action with a sound, choose a system sound using the “Sound” pop up.
    Action Sound

Moving a Push Button Forward or Backward:

  1. If the Push 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 Push Button.
  3. To move a Push Button one position at a time, choose Widget > Bring Forward or Send Backward.

    To move a Push Button in front of all other widgets in a card or the background, choose Widget > Bring to Front.

    To move a Push Button behind all other widgets in a card or the background, choose Widget > Send to Back.

Centering a Push Button:

  1. If the Push 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 Push Button.
  3. To center a Push Button horizontally, choose Widget > Center Horizontally in Card or Center Horizontally in Background.

    To center a Push Button vertically, choose Widget > Center Vertically in Card or Center Vertically in Background.

Deleting a Push Button:

  1. If the Push 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 Push Button.
  3. Press the Delete key.