The Text tool allows you to add static text or dynamic shortcodes to your template. You can customize the text’s appearance, alignment, font, and behavior to fit your design requirements.
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
Determines whether the text is displayed in the badge preview and print output. If unchecked, the text remains in the template but will not be visible or printed.
-
Multi-line
Allows the text field to support multiple lines. When enabled, text will break onto the next line if it exceeds the available width and in Produce, the input will be a textarea. If uncheck, the input in producer will be 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 for 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, preventing overflow.
-
Wrap Text
Wraps the text onto multiple lines when it exceeds the width of the text box.
-
-
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
Defines the text’s 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
Defines the text’s 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 a rotation effect to the text. Available options:
- 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
Specifies the font to be used.
-
Font Color
Defines the color of the text using a hex code. Example:
#004F23
(Dark Green). -
Font Size
Sets the size of the text in points (pt). Example:
13.00
. -
Font Style
Allows applying Regular, Bold, Extra Bold, Bold Italic, Italic, Underlined, Line-through, or Black styles to the text. Example: Bold.
-
Font Case Style
Determines the capitalization format of the text, like none, UPPER CASE, lower case, Title Case. Example: UPPER CASE.
-
-
Fill Color
Defines the background color of the text box. This color fills the entire text box behind the text.
Tip: Use this instead of a square behind the text, and use the Horizontal, Vertical, and Margin to adjust the position of the text inside the square.