Skip to main content

Dynamic Center Alignment

This tutorial guides you through setting up center alignment positioning. Center alignment allows variant and non-variant objects to automatically remain centered when the variant text changes.

Video Tutorial

1. Mark an Object as a Variant

Right-click the object you want users to edit, then select Mark as Variant.

center-align (1).png

2. Choose a Variant Type

Click Select a variant type and choose the appropriate type for the editable field. The variant type should clearly describe the information users need to enter.

center-align (2).png

3. Open Reference Settings

Right-click the non-variant object that should move together with the variant object, then select Set Reference.

center-align (3).png

4. Add a New Reference

Click Add to create a new reference configuration.

center-align (4).png

5. Configure the Adjust Setting

Set Adjust to Center H so the object can automatically reposition while maintaining horizontal center alignment.

center-align (5).png

6. Select the Variant Reference

Choose the variant object you previously configured.

center-align (6).png

7. Configure the Relative Position

Select the relative position of the non-variant object compared to the variant object.

For example, if the object should remain on the right side of the variant text, select Right.

center-align (7).png

8. Apply the Reference Settings

Click Apply to save the reference configuration.

center-align (8).png

9. Confirm the Configuration

Click OK to finalize the settings.

center-align (9).png

10. Enter the File Name

Enter the file name, then click Confirm.

center-align (10).png

11. Preview the Design

Click Preview to review the final layout.

center-align (11).png

12. Browse Available Designs

Click BROWSE DESIGN & ADD TO CART to select a design for printing.

center-align (12).png

13. Edit Variant Values

Double-click the variant layer, then enter the value you want to display in the design.

center-align (13).png

14. Review the Dynamic Alignment

When the variant text changes, the referenced objects will automatically adjust their positions while maintaining center alignment.

center-align (14).png


You have successfully configured center alignment positioning. This setup helps maintain balanced alignment and spacing when editable text changes dynamically.