Designer - Dynamic Text tool

The Dynamic Text tool inserts database fields into your design. This is useful for displaying personalized data such as names, IDs, and custom values. The appearance, alignment, font, and behavior of the text can be customized 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 an element 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 elements are properly aligned and scaled within your 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.

• Field

  Selects the database field used as the dynamic content source.

• Input Type

  The Input Type option in Designer controls how users enter data for Dynamic Fields. You can choose between free-text input or a dropdown list. This affects the input experience in Producer.

  1. Text
     The default option. Users can type any value.
  2. Select
     Creates a dropdown list in Producer. To use this option:
     • Ensure the selected Dynamic Field is of type VARCHAR.
     • Open your project in Designer.
     • Select the Dynamic Field in the preview or in the Object Layers list.
     • In the properties panel, set Input Type to Select.
     • Enter one option per line, then click Save.

• Format (Date)

  The Format (Date) option controls how dates are displayed. This feature is available when the selected Dynamic Field is of type DATETIME or DATE.

  Examples:

  • d-M-Y → 20-Jan-1972
  • F d, Y → September 20, 1972
  • Y-m-d H:i:s → 1972-01-20 15:01:23
  • jS M Y → 19th Oct 2023
  • d/m/y → 19/10/23

  Formatting Options

  Use the following codes to define your date format:

  Type	Code	Description
  Day	d	Day of the month, two digits (01 to 31)
  	D	Textual representation of a day, three letters (Mon to Sun)
  	j	Day of the month without leading zeros (1 to 31)
  	l	Full textual representation of the day (Sunday to Saturday)
  	N	ISO 8601 numeric representation of the day (1 for Monday to 7 for Sunday)
  	S	English ordinal suffix for the day (st, nd, rd, th)
  	w	Numeric representation of the day (0 for Sunday to 6 for Saturday)
  	z	Day of the year, starting from 0 (0 to 365)
  Week	W	ISO 8601 week number of the year (e.g., 42 for the 42nd week)
  Month	F	Full textual representation of a month (January to December)
  	m	Numeric representation of a month, with leading zeros (01 to 12)
  	M	Short textual representation of a month, three letters (Jan to Dec)
  	n	Numeric representation of a month, without leading zeros (1 to 12)
  	t	Number of days in the given month (28 to 31)
  Year	L	Leap year indicator (1 for leap year, 0 otherwise)
  	o	ISO 8601 week-numbering year
  	Y	Full numeric representation of a year (e.g., 1972, 2023)
  	y	Two-digit year (e.g., 72, 23)
  Time	a	Lowercase Ante meridiem or Post meridiem (am, pm)
  	A	Uppercase Ante meridiem or Post meridiem (AM, PM)
  	h	12-hour format of an hour, with leading zeros (01 to 12)
  	H	24-hour format of an hour, with leading zeros (00 to 23)
  	i	Minutes with leading zeros (00 to 59)
  	s	Seconds with leading zeros (00 to 59)
  	u	Microseconds (e.g., 654321)
  Timezone	e	Timezone identifier (e.g., UTC, GMT)
  	P	Difference to Greenwich time with a colon (+02:00)
  	T	Timezone abbreviation (e.g., EST, MDT)
  	Z	Timezone offset in seconds (-43200 to 50400)

• Add Days to Date

  Adds a number of days to the date selected in Field. This is useful for automatically calculating an expiration date.

  Example: Select the field Date Added, enter 14, and set Content Prefix to Expiration Date: . Use Format (Date) to control how the date is displayed. When printed, the date output will be the selected date plus 14 days.

• Content (Text and Shortcodes)

  Defines the text displayed in the field. This can include static text or dynamic shortcodes such as [firstname] and [lastname].

  • 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.

• Content Prefix

  Adds custom text before the dynamic content. Example: ID: before a unique identifier.

• Content Suffix

  Adds custom text after the dynamic content. Example: kg after a weight value.

• Opacity

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

• 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, Italic, Underlined, or Line-through.

  • Font Case Style

    Controls text capitalization: None, UPPER CASE, lower case, or Title Case.

• Fill Color

  Sets the background color of the text box.

  Tip: Use this instead of a shape behind the text, and adjust the position using alignment and margin settings.