Skip to main content

Add Image

To add an image:

  1. From the left pane of the Content Designer, select Media.

  2. From the file browser, select and add the image file.

    • Valid file types: PNG, JPEG, GIF, SVG

    • Maximum file size: 30MB

    The image is added to the design workspace and to the Layers pane on the left.

  3. From the right pane, define the following:

    Field

    Description

    Name

    In the provided field, type a name for the image.

    • Select the lock icon to make the component properties non-editable.

    • Toggle the eye icon to hide/show the component.

    X and Y

    Type the desired X and Y coordinates for the component.

    When the position of the component is manually adjusted, the X and Y field values are updated automatically.

    W and H

    Type the desired width and height of the component.

    When the width and height of the component are manually adjusted, the W and H field values are updated automatically.

    Rotation

    Rotate supported elements by a specified angle using input fields, keyboard shortcuts, and direct manipulation on a workspace.

    • Enter positive or negative values.

    • Enter values greater than 360° or less than -360°.

    • Use the Rotate 90° button. Each click rotates the selected element(s) by +90 degrees relative to the current rotation.

    Scale Proportionally

    Enable this option to automatically update the X, Y, W, and H values proportionally when one value is changed.