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

  • Profile Image
    uugenio
    Asked 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!

  • Profile Image
    seth
    Answered 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
    uugenio
    Answered 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
    Kiran
    Answered 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
    uugenio
    Answered 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
    Kiran
    Answered 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
    uugenio
    Answered on December 01, 2016 at 06:00 AM

    Thank you very much!

  • Profile Image
    amy
    Answered 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.