User Manual Quickstart General Concepts Buyer Side Snippets Engraving Styles and Form Fields Flex Designs Sub Documents Scripting Workflows Editing Workflow Production Workflow Tutorial Videos Frame Features Document Settings Position Image Working with Text Single Line Text Multi Line Text Barcodes Symbols Text On Path Text & Font Horizontal Flip Show as Form Field Position on Path Distance Font Size Text Color Stroke Text Case & Max Chars Before & After Shapes Sub Document Warp Effects Buyer Side Settings Resources Account Portal Style Reference Change Log Known Bugs & Limitations Glossary Acknowledgements Api Reference Authorization Tokens Embedding The Editor Custom Integration Backend Api Price Display

Text On Path

Top Menu Bar

All Text on Path settings are located at the Text on Path feature icon in the main features panel. If a frame with the Text on Path feature is selected the tab shows the settings for Text On Path. Text on Path must have a Shape feature enabled as well. If no shape is present, a circle shape will automatically be enabled when a Text On Path feature is added to a frame or a new frame is created.

Text & Font

Text and Font

The Text on Path is independent of a possible Multi or Single Line text. If you want the text to come from a form field then one needs to enter ${form.formfieldname}. String operations, conditions or any other JavaScript literal are also possible inputs e.g. ${(form.myVal == “Test”) ? “this is a test” : “that’s reality”}.

You can also connect one single line or path text frame to another by naming the source frame and adressing it with ${}.

If the text gets longer than the available path length, the font size will automatically reduce until the full text fits on the path given.

With the Font drop-down you can select any font loaded onto the template.


Text Alignment
Horizontal alignment can be set to left, center or right. Left means the text starts at the first point of the path and extends as long as it runs, center means the text is centered at the center of the shapes path and right means the text aligns right on the last point of the shape’s path.


Text Alignment
Flip the text on path vertically at the baseline. This will let the text flow left to right instead of right to left on the path.

Text Alignment

Use distance to shift the text to the right distance around the object.

Show as Form Field

Show As Form Field

Show as Form Field is an easy way to make the Text on Path a customer editable item. If Show as Form Field is switched on, a form field is created and placed into the document form fields in the auto-generated section.

Auto Generated Form Field

Like with every other form field one can change the label, appearance and type of editing. Click here for more details on form fields.

Position on Path

This will shift the configured alignment point to either the left (negative values) or the right (positive values).



This defines the distance of the baseline of the text to the outside of the shape. The value can also be negative, which means the baseline will be shifted into the shape itself. For example, the Text on Path below was created with a distance of 30pt to the path:

Distance Example

Font Size

Font Size

Defines the Font Size of the Text On Path. If the text would get longer than the path the Font Size will be reduced to a Font Size that will fit the complete text into the designated area.

Text Color

Text Color

Set the fill color of the Text on Path by either selecting a swatch from the drop-down or use the create icon inside the drop-down to create a new color. If one has selected an RGB color, the HSL manipulation option is available as well. Press the HSL button to change the hue, brightness or saturation of the selected color.

Tint will define the opacity of the selected color.



If Stroke Width is set to any value other than 0 the stroke settings will appear. Font Stroke Color allows users to control just the color of the stroke around the letter. Functionality is the same as in Text Color.

The Stroke Alignment buttons control where the stroke should appear. Please see Single Line text alignment settings for more details.

Text Case & Max Chars

reference point control

Text case can automatically uppercase (upper) or lowercase (lower) the user’s input. If it is set to mixed case (mixed) the text will stay unaltered.

Max. Chars will define the character limit for the text (Before & After Texts are not counted).

Before & After

reference point control

Before and after define a prefix/postfix text which will be added before/after the given text. If the text is empty no prefix or postfix will be added. This is useful if one would like to create a Phone Nr. line on a business card saying “Phone: (XXX) XXX-XXXX”. If no Phone Nr. is given “Phone:” should not appear as well. To achieve this put “Phone:” in the Text Before input box.