Template Editor- Image toolTemplate Editor- Image tool

The Image tool add an image to your template, such as a logo, background, or static image.

Position

The Position properties define the placement and dimensions of an element within the template. Adjusting these values allows you to precisely control where an element appears and how much space it occupies.

  • Left (X) – Specifies the horizontal position of the element, measured from the left edge of the template.
  • Top (Y) – Specifies the vertical position of the element, measured from the top edge of the template.
  • Width – Defines the width of the element, determining how much horizontal space it takes up.
  • Height – Defines the height of the element, determining how much vertical space it occupies.

By adjusting these properties, you can ensure elements are properly aligned and scaled within your design.

Margin

The Margin properties control the spacing around an element, affecting its distance from surrounding elements. Margins help manage layout consistency and improve readability.

  • Left – Adds space to the left of the element, pushing it away from adjacent content.
  • Right – Adds space to the right of the element, maintaining separation from nearby elements.
  • Top – Adds space above the element, ensuring vertical spacing.
  • Bottom – Adds space below the element, creating separation from elements positioned underneath.

Margins can be used to fine-tune spacing and alignment, ensuring a balanced and visually appealing template layout.

Properties

  • Visible

    Hide the image from the badge preview and print preview.

    Tip: You can add a background image for reference and place layers on top to align objects accurately. Once positioned correctly, you can uncheck Visible to exclude it from printing while keeping it available for future adjustments.

  • Logo

    Check this option when the image is the organization logo. This will unlock additional options in the Project Manager.

  • Opacity

    You can adjust the object’s opacity to one of the following levels: None, 25%, 50%, 75%, or 90%, allowing for semi-transparency effects.

  • Horizontal Align

    Determines the alignment of the object along the horizontal axis:

    • Left: Aligns the object to the left edge.
    • Center: Centers the object horizontally.
    • Right: Aligns the object to the right edge.
  • Vertical Align

    Determines the alignment of the object along the vertical axis:

    • Top: Aligns the object to the top edge.
    • Middle: Centers the object vertically.
    • Bottom: Aligns the object to the bottom edge.