Image
The Image control in the Pane Designer opens an Image library dialog.
Select an image and click OK. The control is then inserted below the actual pane area.
Drag the image to the desired place in the pane:
The images available in the dialog are those that are uploaded in the Image Library (found in the System Administration panel).
The size of the image can be changed by dragging the bottom right corner:
As long as some part of the image is within the selection pane border, then the whole image will be visible when generating the pane.
If half of the image is outside the Selection Pane border (in Pane Designer), like below:
..the generated pane will look like this:
The following properties can be changed for the Image control: (these properties can be found in the Art Board to the right in the Pane Designer)
Layout
Width: Can be changed in the art board or by dragging the bottom-right corner of the control to the right width.
Height: Can be changed in the art board or by dragging the bottom-right corner of the control to the right height.
Opacity
In the Layout section, the position of the image can also be viewed. View the X and Y position by dragging the control to desired position. When positioning many controls in a pane, it is a good idea to view the X position of the controls to make sure that they are positioned straight under each other.
Use the "Snap to Grid" feature for the pane to allow more precision when positioning the controls.
Common Properties
Tooltip
Enter a tooltip that will display when the end-user hovers over the list control in the selection pane.
Source
This field displays the image name. To change the image, click the button to the right of the name field, or click the delete button in the upper-right corner of the image. Then, add a new Image using the Image button in the ribbon.