How do I TURN OFF the responsive feature of the form?

  • templesinai
    Asked on December 5, 2014 at 3:35 PM

    Greetings. I created a from called "Joy of Tzedakah" and it works just fine with all the features I need.

    However, the form will "live" on my website in only a column of the page that is NOT intended to span the width of a browser window. So that when I embed the form in my page, it only occupies about 630px width. This is triggering the call for your responsive layout in the form which looks terrible on my page.

    I don't want any responsive features on this form at all. I tried to turn off responsive layout in your Form Designer, but this didn't do anything at all. The form is embedded in the bottom of this page:

    http://www.sinaireno.org/community/tikkun-olam-social-action/721-the-joy-of-tzedakah

    Please help. 

  • Ben
    Replied on December 5, 2014 at 4:53 PM

    Hi,

    To turn off the responsive feature you would need to:

    1. Turn it off in the Form Designer and
    2. turn it off in the Form Preferences under General Settings

    This should then turn it off completely.

    You can see how to do both steps here: http://www.jotform.com/answers/459306

    - The thread is for showing how to enable it, but you should take the same steps to turn it off as well.

    In case that does not help, do let us know.

    Best Regards,
    Ben

  • templesinai
    Replied on December 5, 2014 at 6:04 PM

    Neither of these things is enabled and it is still "responsive" in that the field labels show up ABOVE all fields and the buttons are in "block" style. Take a look at the form directly from the JotForm link at 

    http://form.jotformpro.com/form/43375093410955?

    You will see that when full screen the form is fine, but when you shrink the screen down the field labels move above all the fields and the buttons become block style and span the width of the screen. This is completely not what I want to happen.

    I checked under preferences and "Responsive Form" is set to "no" and I checked under the form designer and "Make this form responsive" is definitely NOT checked. What else can I do?

    This was NOT a problem with the form until I went in and changed the color of the heading lines and buttons. After I saved the form it no longer worked as I intended.

  • Ben
    Replied on December 5, 2014 at 6:39 PM

    Hi,

    I have cloned your jotform and took a part of the CSS code from it. Can you tell me if this now works as it was before while keeping the styles you have added through the Form Designer?

    http://form.jotformpro.com/form/43387226412958

    If it does, you can clone it to your account, by following these steps: How to Clone an Existing Form from a URL.

    If not, then I would suggest that you restore to the last version of your jotform that looked properly for you.

    After you do this, please let us know what you wanted to change and we would give you the CSS code for that.

    Best Regards,
    Ben

  • templesinai
    Replied on December 8, 2014 at 3:35 PM

    Hi Ben,

    What you did worked fine. I've imported the new form into my account and embedded it into my website. Thanks for your help!

    Mike

  • Ben
    Replied on December 8, 2014 at 4:50 PM

    Hi Mike,

    You are welcome. I am glad that it is working for you now.

    Do let us know if you have any further questions and we would be happy to answer them.

    Best Regards,
    Ben