Home » Working with widgets » Working with Images

Adding an Image

Renaming an Image

Changing the position of an Image

Resizing an Image

Resize an Image to fit its name

Changing the action and sound of an Image

Moving an Image Forward or Backward

Centering an Image

Deleting an Image

Adding an Image:

Choose Widget > Insert Control > Choose Image or Movie…. If the current Edit Mode is Edit Background Layer, then the Image will be added to the Background. Otherwise, it will be added to the current card.

Alternately, you can type ⇧⌘V.

An Image can also be added using the Widgets pull-down menu in the toolbar.

Renaming an Image:

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

Changing the position of an Image:

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

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

Resizing an Image:

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

    Alternately, the width and height can altered using the Image’s “Metrics” section of the Info sidebar.

Resize an Image to fit its name:

Original Size Description

  1. If the Image 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 Image.
  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 an Image:

  1. If the Image 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 Image.
  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 an Image Forward or Backward:

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

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

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

Centering an Image:

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

    To center an Image vertically, choose Widget > Center Vertically in Card or Center Vertically in Background.

Deleting an Image:

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