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

    Form not responsive

    Asked by johnnaty on June 16, 2014 at 05:41 AM

    Hi there, 

    I cant seem to get my form to respond to the responisve code. I've read several threads on here and it seems like all your forms should be responsive but for some reason mine isnt working that way. I have also tried to add the code below but nothing is happening..please help! 

     

    /*-----------RESPONSIVE LAYOUT-----------*/

    @media (max-width: 480px) {

    .form-line.form-line-column, .form-all {

    width: 100% !important;

    }

    .form-textarea,

    .form-textbox,

    .form-dropdown{

    width: 100% !important;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    }

    .form-label-left, .form-label-right{

    width: auto !important;

    }

    .form-buttons-wrapper{

    margin-left:0 !important;

    }

    .form-input {

    width: 100% !important;

    }

    .form-all{

    width: 75% !important;

    }

    .form-sub-label-container {

    width: 100% !important;

    display: block  !important;

    }

    }

    you can find the form here: http://www.naty.com/sv/kundtjanst/  - click the small "Support Request" link in grey letters underneath the buttons. 

    Page URL:
    http://www.naty.com/sv/kundtjanst/

    textarea label layout textbox
  • Profile Image
    JotForm Support

    Answered by Welvin on June 16, 2014 at 10:07 AM

    Hi,

    Please try to remove the custom CSS codes to your form and use the following widget instead: http://widgets.jotform.com/widget/mobile_responsive

    You can add the widget by following this guide: http://www.jotform.com/help/252-How-to-Add-a-Widget-to-your-Form

    See if this works.

    Thanks

  • Profile Image

    Answered by johnnaty on June 24, 2014 at 01:22 AM

    nothing happens, not sure if I added it right though. I put it in the form just before the submit button..is that how you do it? 

  • Profile Image
    JotForm Support

    Answered by NeilVicente on June 24, 2014 at 02:49 AM

    @johnnaty

    Responsiveness CSS codes will not work on a lightbox-ed form like it would on a regularly embedded form or standalone form as lightboxes have a different html structure.

    I'll try to do some tests and look for a workaround for you, if there's one available.

    We will contact you as soon as we have any leads.

    Thank you for your patience!

  • Profile Image
    JotForm Designer

    Answered by egeg on July 02, 2014 at 02:35 PM

    Hi there, 

    We have found a simple workaround for the lightbox.

    Please copy and paste the following css into your own css files or in a style tag in the page that has the lightbox form.


    .protoplus-dim + div {
        width: 100% !important;
        max-width: 700px;
    }

    Can you please test this and see if it's an acceptable solution for you?

    Thanks.

  • Profile Image

    Answered by johnnaty on August 04, 2014 at 03:39 AM

    Hi there, 

    I haven't really had the chance to look at the form for a while and now, when opening the page it crashes the whole page, this is the script (i removed the form from the page at the moment): 

     

    <script src="//www.jotformeu.com/static/feedback.js" type="text/javascript">

    new JotformFeedback({

    formId:'32863781735363',

    base:'http://jotformeu.com/',

    windowTitle:'Support Request',

    background:'#C7C7C7',

    fontColor:'#ffffff',

    type:false,

    height:700,

    width:700

    });

    </script>

     

  • Profile Image

    Answered by Hgna on January 20, 2015 at 11:53 AM

    hi

    I tried the work around, didnt solve the problem... other options?

     

    Cheers,

    Hans

  • Profile Image
    JotForm Designer

    Answered by egeg on January 20, 2015 at 12:07 PM

    Hi hgna, can you please share a link to your site so that I can test more extensively? Thanks.