automatically adjust the placement of the inputs

1 June, 2025 02:45:48
AirBelV2
Topics: 5
Messages: 19
Hello,
I’m contacting you to find out if it’s possible to automatically adjust the position of two inputs: if the first input needs to wrap to the next line, then the second one should move down accordingly.

In my e2pdf template, I have one input that displays the airline name and, just below it, another input that displays the flight number. The problem is that the airline name can sometimes be too long and no longer fully visible in the input. I would like it to wrap automatically when it exceeds the size of my element, but if it wraps to a new line, the flight number input below should shift downward; otherwise, the two will overlap.

I’ve attached screenshots showing how my template is set up and the issue I’m encountering.

The only constraint is that the airline name must use a non-bold font, and the flight number must use a bold font, so I can’t put both in the same input.

Thanks for your help :)
1 June, 2025 02:47:14
AirBelV2
Topics: 5
Messages: 19
https://ibb.co/6RFfxC42
https://ibb.co/VYK6W1sT
1 June, 2025 03:37:15
E2Pdf
Support
Topics: 7
Messages: 3485
Hello,

If you need to combine the values, maybe you could replace the two fields with a single HTML element. In that case, it should be possible to make part of the text bold using the "b" tag. Please see the attached screenshot for reference.
We would really appreciate your feedback at WordPress.org!
1 June, 2025 03:39:22
E2Pdf
Support
Topics: 7
Messages: 3485
As another alternative, you can try using the "Auto Font Size" option to make the text fit within the "text" field. However, if the value is too long, the text may become too small.

P.S. Unfortunately, dynamically moving the text based on its length is not currently possible.
We would really appreciate your feedback at WordPress.org!
1 June, 2025 04:24:10
AirBelV2
Topics: 5
Messages: 19
Thank you very much for your two methods, both work really well. I’m going to go with the second one using auto font size.

Airline names are never very long, so the text shouldn’t shrink too much. For the first method, I tried using HTML tags but didn’t put them inside an HTML block, so they weren’t interpreted—thanks a lot, I’ll remember that for next time!

Thanks again for your very quick responses, even on a Sunday!