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

    Print button dissapears when mobile device is rotated on a mobile responsive form

    Asked by akt1 on January 01, 2015 at 04:50 PM

    I injected custom ccs code  to remove the submit button but now the print button is missing when opened on a phone

    button missing smart phone
  • Profile Image
    JotForm Support Manager

    Answered by Jeanette on January 01, 2015 at 06:45 PM

    You must make your form mobile responsive

    -Go to  Preferences button.

    -On General Settings, set Responsive Form option to Yes

     

     

     

  • Profile Image

    Answered by akt1 on January 01, 2015 at 10:43 PM
    How to limit maximum width when using Responsive Form feature in the form preference?

    I followed these instructions,  also found the print button does show if you rotate the phone

  • Profile Image
    JotForm Support

    Answered by TitusN on January 02, 2015 at 05:00 AM

    Hello, 

    Is this the form you are referring to? 

    http://www.jotform.us/form/40096153613146

    If it is, I see what you mean: 

    Rotated Vertically: 

     

    Horizontally: 

    I'm not quite sure what's happening - seems as if the mobile responsive script and the print button may have a circumstantial conflict - 

    Let me take this up with our developers, who will advice. 

    We appreciate your patience. 

     

  • Profile Image

    Answered by akt1 on January 02, 2015 at 11:37 AM

    I think it has something to do with this custom ccs code to remove the submit button.

    .form-submit-button {
    display: none;
    }

     

  • Profile Image

    Answered by Carina on January 02, 2015 at 01:36 PM

    Thank you for providing more details.

    I checked and our developers are still looking into this. I made some tests with removing the css code you mention and adding a css code specific to the submit button but I still didn't find a final solution.

    I will run further tests to try to determine the cause of this situation and will get back to you later.

  • Profile Image

    Answered by Carina on January 02, 2015 at 04:01 PM

    A colleague  tried some solutions without any results.  He tried adding:

     button#input_1.form-submit-button {display: none;
    }
    He also tried to target just the print button to make it show only on mobile with @media screen but it seems that as submit  and print button are connected  hiding the submit button is hiding the whole thing regardless.
    Also alternating it to visibility using !important had the same result. I will update the ticked with this information, but in the meanwhile let's wait for our developers.

    If you need further support please let us know.

  • Profile Image
    JotForm Designer

    Answered by egeg on January 05, 2015 at 12:13 PM

    Hi there,

    There's an ongoing issue with our responsive css files but meanwhile you can fix the issue by injecting the following CSS:

    .form-submit-print {
        display:inline-block !important;
    }

    Please let us know if there's anything else we can help you with.