Designer – Text tool

The Text tool allows you to add static text or dynamic shortcodes to your design. You can customize the text appearance, alignment, font, and behavior to match your design requirements.

Position

The Position properties define the placement and size of an element within the design. Adjusting these values allows precise control over where the text appears and how much space it occupies.

• Left (X) – Sets the horizontal position of the element, measured from the left edge of the design.
• Top (Y) – Sets the vertical position of the element, measured from the top edge of the design.
• Width – Defines the horizontal size of the element.
• Height – Defines the vertical size of the element.

Adjusting these properties ensures text is properly aligned and scaled within the design.

Margin

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

• Left – Adds space to the left of the element.
• Right – Adds space to the right of the element.
• Top – Adds space above the element.
• Bottom – Adds space below the element.

Margins can be used to fine-tune spacing and alignment for a clean and balanced design layout.

Properties

• Visible

  Controls whether the text is displayed in the badge preview and print output. When unchecked, the text remains in the design but is not visible or printed.

• Multi-line

  Allows the text field to span multiple lines. When enabled, text wraps automatically and the input field in Producer becomes a textarea. When unchecked, the input remains a single line.

• Content (Text and Shortcodes)

  Defines the text displayed in the field. This can include static text or dynamic shortcodes such as [firstname] and [lastname], which pull data from the database.

  • Allow HTML

    Enables HTML formatting within the text field, allowing bold, italic, or other HTML-based styles.

  • Fit Text

    Automatically adjusts the font size to fit the available space within the text field.

  • Clip Text

    Truncates the text if it exceeds the defined area.

  • Wrap Text

    Wraps the text onto multiple lines when it exceeds the width of the text box.

• Opacity

  Adjust the text opacity using predefined levels: None, 25%, 50%, 75%, or 90%.

• Horizontal Align

  Controls text alignment along the horizontal axis:

  • Left – Aligns text to the left edge of the text box.
  • Center – Centers text horizontally.
  • Right – Aligns text to the right edge of the text box.

• Vertical Align

  Controls text alignment along the vertical axis:

  • Top – Aligns text to the top edge of the text box.
  • Middle – Centers text vertically.
  • Bottom – Aligns text to the bottom edge of the text box.

• Rotate

  Applies rotation to the text using predefined angles:

  • None – No rotation applied.
  • 45° – Rotates the text by 45 degrees.
  • 90° – Rotates the text by 90 degrees.
  • 180° – Rotates the text by 180 degrees.
  • 270° – Rotates the text by 270 degrees.
  • 315° – Rotates the text by 315 degrees.

• Font

  • Font Name

    Selects the font used for the text.

  • Font Color

    Sets the text color using a hex value. Example: #004F23 (Dark Green).

  • Font Size

    Sets the text size in points (pt). Example: 13.00.

  • Font Style

    Applies styles such as Regular, Bold, Extra Bold, Bold Italic, Italic, Underlined, Line-through, or Black.

  • Font Case Style

    Controls text capitalization, such as none, UPPER CASE, lower case, or Title Case.

• Fill Color

  Sets the background color of the text box, filling the area behind the text.

  Tip: Use this instead of placing a separate shape behind the text. Combine it with Horizontal Align, Vertical Align, and Margin settings to position the text precisely within the filled area.