Home » Working with widgets » Working with Image Wells

About Image Wells

Adding a new Image Well

Renaming an Image Well

Changing the position of an Image Well

Resizing an Image Well

Moving an Image Well Forward or Backward

Centering an Image Well

Deleting an Image Well

About Image Wells:

An Image Well holds an image. Images can be drag-and-dropped onto the Image Well. Cut, copy, paste, and delete are also supported.

Adding a new Image Well:

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

Alternately, you can type ^⌘W.

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

Renaming an Image Well:

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

Changing the position of an Image Well:

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

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

Resizing an Image Well:

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

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

Moving an Image Well Forward or Backward:

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

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

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

Centering an Image Well:

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

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

Deleting an Image Well:

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