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

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

  • Profile Image
    Jeanette
    Answered 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
    akt1
    Answered 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
    TitusN
    Answered 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
    akt1
    Answered 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
    Carina
    Answered 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
    Carina
    Answered 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
    egeg
    Answered 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.