automatically adjust the placement of the inputs

June 01, 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 :)
June 01, 2025 02:47:14
AirBelV2
Topics: 5
Messages: 19
https://ibb.co/6RFfxC42
https://ibb.co/VYK6W1sT
June 01, 2025 03:37:15
E2Pdf
Topics: 7
Messages: 3617
Support
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!
June 01, 2025 03:39:22
E2Pdf
Topics: 7
Messages: 3617
Support
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!
June 01, 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!
Get News and Updates
Our monthly newsletter keeps you in the loop, so you'll always be up to date with the latest news and updates about E2Pdf.
* You can update your email subscription preferences here.
All trademarks, service marks, trade names, product names, and logos appearing on this website are the property of their respective owners. The use of trademarks such as Formidable Forms®, Forminator Forms®, Gravity Forms®, JetFormBuilder®, WordPress®, WooCommerce®, WPForms® and others is solely for identification purposes (nominative use) and does not imply any affiliation, sponsorship, or endorsement by the respective trademark holders.
© 2017 - 2026, https://e2pdf.com

We use cookies to collect and analyse information on site performance and usage, to provide social media features and to enhance and customise content and advertisements. By clicking "Accept Selected", you consent to use of selected cookies according to our Cookie Policy.