How do I position my form to certain X, Y coordinate inside the page?

Hi all!

I need to position a form with a image background to a certain x,y position in order to match with a box that the background has.

Is there any way to do that?

Thanks in advance!

Hello,

You can position a from with relative to an ancestor by inserting CSS code into your form. Here is a reading about it:

https://www.quora.com/Within-CSS-can-I-specify-an-exact-x-and-y-coordinate-for-an-object-relative-to-its-parent-container

You can apply this strategy in your form taking your background image as ancestor and find the top and left positioning with trial-and-errors with respect to that ancestor for the child element (the form).

If you need further help on this please contact us again with the details of the elements and form. We would be very happy to help you to accomplish that.

All the best.

Hi seth!

First of all, thanks a lot for your answer.

Sorry but I don't know how to do it that way. Could you please tell me more about it?

The URL of my form is https://form.jotformeu.com/63343467495364

Thanks in advance!

It seems that you have already added some CSS code to your JotForm. I have checked your JotForm and see that some of the pages are displaying off the background image.

Could you confirm that you want to place the form in the background image? Will be you be able to increase the background image size to fit the form in all pages?

Please confirm with more information so that we can provide you with necessary assistance. We will wait for your response. Thank you! 

Yes I want to place the form in the background image. But I wont be able to increase the background image size to fit the form.

Thanks ind advanced for your help!

I see that there is a widget on your form which is having more height than the background image. Since the form is set to absolute positioning, the widget is not displayed correctly on the form. 

Also since there are hidden fields in some pages on the form, the form is moving upwards and looking off the background image. Please take a look at the cloned version of your JotForm with some changes.

https://form.jotform.com/63344716770964

Since the background image portion is small, I think it is required to change the form page to display not more than 2 fields. Also, the widget to be separate into multiple widgets to display them within the background image. Please make necessary changes to the form and let us know if you need any further assistance. We will be happy to assist. 

Thank you very much!

On behalf of my colleague, you're welcome.

If you need further assistance, please don't hesitate to ask.

Regards.