Form column using source codes and form designer

  • wakinggirl
    Asked on January 7, 2015 at 9:09 PM

    but let's hit another issue while we're here (or feel free to open in new thread):

    scroll to the bottom of:

    http://www.jchomerepairs.com/

     

    the great thing about Jotform was that i could embed a form into a Weebly column with ease. with the DP, the forms want to stretch across the whole page.

    i can't easily next a DP form into a column.

     

    what am i missing?

  • Ashwin JotForm Support
    Replied on January 8, 2015 at 12:01 AM

    Hello wakinggirl,

    I am not sure if I have understood your requirement correctly. Do you mean to say that the form fields are stretched to the full width of page.

    The width of your form seems to be small. I did check your web page and the form appears correctly. Please check the screenshot below:

    Form column using source codes and form designer Image 1 Screenshot 20

    I would suggest you to please explain your question a bit more in detail and we will surely help you. You may also like to share a screenshot of the problem as well which will help us understand the issue. The following guide should help you upload image in your forum post:  https://www.jotform.com/answers/277033 

    We will wait for your response.

    Thank you!

  • cristinaperez
    Replied on January 9, 2015 at 10:56 AM

    no.

    i'm talking about the padding around the form.

     

     

  • Ashwin JotForm Support
    Replied on January 9, 2015 at 12:24 PM

    Hello cristinaperez,

    Do you want to display form in your web page something as displayed in screenshot below:

    Form column using source codes and form designer Image 1 Screenshot 30

    If yes then reducing the form width should solve your problem or you can also inject the following custom css code in your form:

    .form-all {

    width: 90%;

    }

    You may also have to reduce the width of your "Checklist" widget as well to "300". Please take a look at the following cloned form and see if this works okay on your web page:  http://form.jotformpro.com/form/50085159930961? 

    The above changes should display your form as in the screenshot below:

    Form column using source codes and form designer Image 2 Screenshot 41

     

    Hope this helps.

    Thank you!