Add an Image Panel

Image Panels are added the same way other controls are added.

• On iPhone, in Design Mode press and hold the + icon for choices and choose Image Panel

  

• On iPad, it's the last choice in the Add Control dialog

Image | Position

Image | Position on the first pane of the Design Properties Dialog gives all the options for image choice and position:

• Image Choice is from the Image Manager (see below)
• Position is one of these choices. In all, the aspect ratio of the image is maintained.
  • Fit: Ensures that the entire image is visible within the Image Panel.
  • Fill: The entire Image Panel is filled by the image, cropping as necessary from the center.
  • Raw: The image shows at its true size. Clipping may occur.
  • Tile: Use the image as a repeating pattern. Both dimensions of the image are capped at 5 times the grid size, and the aspect ratio of the image is maintained.

Transparency

Adjust transparency using the Alpha slider. Higher numbers mean more opacity. By default, the Image Panel is fully opaque (alpha = 1.0) but you can change the alpha to anything from 0.3 to 1.0.

Z-Order: Back to Front Layering

By default, all Panels (Image Panels and Panels) are always under other controls. To turn this off, switch the Always in Back toggle to off (not blue).

Once this is disabled, Image Panels can be in any position from front to back. If you need to change the order of any control, you can do one of the following:

• If you can touch any part of the control in Design Mode, it will be brought on top of other controls