Skip to main content
Skip table of contents

Design a Badge

The graphic design editor is located in the Badge Designer module. The editor enables you to create and manage badge designs.

  1. Go to Configuration > Badge Designer.

  2. Select Add and name the design.

  3. In Format, select whether the design will be single-sided or double-sided. For this example, select Single sided.

  4. Choose the design's Orientation. For this example, choose Portrait.

  5. Specify the Card size and press OK. The following tools are available from the top of the Badge Design Editor:

    1. Display current color

    2. Selection tool

    3. Shapes: Rectangle, Circle, Ellipse, Line, Polygon

    4. Polyline

    5. Add Text and Image

    6. Quadratic and Cubic Bezier curve

    7. Color picker

    8. Add Image and Text Links

    9. Show properties and resources

  6. Use the tools and customize a badge design.

  7. To add a logo to the badge template, select Image. Drag a rectangle selection over the location for the logo. Browse and select a .jpg, .png, or .svg file. To move the logo, drag a rectangle selection over the new location.

  8. To add a dynamic text field, select the Text Link tool, then drag a rectangle selection over the location for the text. To configure the text link properties, go to the toolbar and select Show properties.

  9. In Property, select a pre-configured badge property to display on the badge. From the second drop-down field, select the display format. For this example, select: Last Name, First Name, Uppercase. Use the properties sections to configure the text as needed.

  10. Close the window by selecting the Close Window icon.

  11. To add a signature or a personnel photo to the badge template, select Image Link, then drag a rectangle selection over the location for the image. Select Show properties from the toolbar, select an image type, then use the properties sections to configure the image as needed.

  12. Go to File > Save All.

  13. To exit the Badge Design Editor, select the Close Window icon.

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.