Dynamic image sizing and positioning
Hi,
I have a question about dynamic image sizing and positioning behavior in Fancy Product Designer.
Is it possible to automatically adjust the size (height and width) of the second image based on the dimensions and position of the first image?
Here is my situation:
- The canvas size is, for example, 300x250.
- The first image (such as a background rectangle) should always be positioned at (0,0) — starting from the top-left inside the canvas.
- If the first image is, for example, 150x150, then the second image (such as a badge) should automatically resize and fill the remaining horizontal space.
- If the first image size changes to, for example, 100x100, then the second image should resize again accordingly to fit the new available space.
Summary:
- First image always starts from top-left corner (0,0) no matter the size.
- Second image should automatically adjust (resize) based on the available space left after placing the first image.
Attached are example screenshots for better understanding.
Is this possible with FPD settings or through a custom script?
If yes, could you please guide me on how to set it up?
Thanks a lot!