What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

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

    Asked by uugenio on November 30, 2016 at 05:19 AM

    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!

    how how do i thanks all in a
  • Profile Image
    JotForm Support

    Answered by seth on November 30, 2016 at 06:34 AM

    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.

  • Profile Image

    Answered by uugenio on November 30, 2016 at 08:38 AM

    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!

  • Profile Image
    JotForm Support

    Answered by Kiran on November 30, 2016 at 10:29 AM

    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! 

  • Profile Image

    Answered by uugenio on November 30, 2016 at 11:41 AM

    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!

     

  • Profile Image
    JotForm Support

    Answered by Kiran on November 30, 2016 at 01:28 PM

    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. 

  • Profile Image

    Answered by uugenio on December 01, 2016 at 06:00 AM

    Thank you very much!

  • Profile Image
    JotForm Support

    Answered by amy on December 01, 2016 at 06:08 AM

    On behalf of my colleague, you're welcome.

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

    Regards.