Designer Interface

Owned by Joe Large
Mar 20, 2024
2 min read

Accessing the Card Template Designer

To access the Card Template Designer, follow these steps:

  1. Navigate to Administration > Credentials > Card Templates.

  2. From the list of available templates, you can either:

    • Select an existing template you want to modify by clicking on it.

    • Create a new template by clicking "Actions > Create Template".

Interface

Refer to the section number in the graphic below:

  1. Save/Edit Name and Card Properties/Delete Template

  2. New Object Picker

  3. Front and Back Object Layers

  4. Personalization Settings (Contactless, Magnetic Stripe)

  5. Design Canvas (Front/Back)

  6. Object Alignment Tools

  7. Object Properties Panel

image-20240318-181135.png

Adding an Object to the Template

Every card template is comprised of various objects, such as the Photo Object, Data Object, and Image Object.

To add a new object to the design:

  1. Locate the desired object in the Object Picker toolbar

  2. Left-click and drag the object onto either the “FRONT” or “BACK” section.

image-20240320-180237.png

After the object is added, you can modify its properties by accessing the Object Properties panel. Most objects include properties for:

  • Appearance

  • Color

  • Data

  • Layout

  • Visibility

The available property settings may differ depending on the selected object type.

EliteID includes a comprehensive list of card design objects to create effective designs:

Deleting an Object from the Template

To delete an object from the card template, locate the "Delete" button at the bottom of the object's properties section in the designer interface.

Note: The object deletion cannot be undone.

Object Alignment

The Designer includes object alignment tools to help you fine-tune the positioning and arrangement of objects on your ID card.

To use object alignment, first select the objects you want to align:

  1. Select an object from the layer list.

  2. Hold the CTRL key and click to select additional objects.

  3. With the desired objects selected, click on one of the alignment buttons.

These alignment tools are divided into two sets:

Aligning Objects Relative to Each Other

  • Align Left: Aligns the left edges of the selected objects.

  • Align Center: Aligns the horizontal centers of the selected objects.

  • Align Right: Aligns the right edges of the selected objects.

  • Align Top: Aligns the top edges of the selected objects.

  • Align Middle: Aligns the vertical centers of the selected objects.

  • Align Bottom: Aligns the bottom edges of the selected objects.

Aligning Objects Relative to the Design Canvas

  • Align to Card Center: Moves the selected object(s) to the horizontal center of the card design canvas.

  • Align to Card Middle: Moves the selected object(s) to the vertical middle of the card design canvas.