Anchor To feature in template editor
Sometimes there is a time that you need text to be dynamically positioned next to certain element. For example, in our template below we want the price "$399" to be anchored next to "per pax" text.
Given that the price will change based on input from API, it is hard to position this statically without causing overlap especially if the price text can be very long.
To solve this problem, we added Anchor To field where you can select layer that can be set as the anchor.
This option can be found in Textbox's settings,
More options will pop out when anchor is selected
Offset is useful to fine tune the position to the pixel.
To make sure your design will work well with your expected inputs, you can try to generate several images through Console. Alternatively, you could also type in the text to ensure the positions are correct.
✅ Use per pax as the anchor of the price. The price can expand while per pax is fixed
❌ Bad choice of anchor can cause item to overflow unexpectedly