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

    My form doesnt show correctly in smartphone

    Asked by danycky on May 10, 2013 at 04:04 AM

    When I try to see my form in a smartphone, the form doesnt show all its fields. How can I fix it?

     

    Page URL:
    www.veodermix.com/formulario

    Screenshot
  • Profile Image

    Answered by moonzkie on May 10, 2013 at 06:54 AM

    Hi,

    I was able to replicate on the said problem. Can you please try to embed your form using iFrame instead? Here is a guide how you can embed your form using iFrame: http://www.jotform.com/help/148-Getting-the-Form-iFrame-Code

    Please let us know if this works for you.

    Thank you.

  • Profile Image

    Answered by danycky on May 10, 2013 at 07:43 AM

    I try to embed my form using iFrame, but the form still showing bad... Im using Wordpress..

  • Profile Image
    JotForm Support

    Answered by jonathan on May 10, 2013 at 09:19 AM

    Hi,

    Please try this CSS code instead. 

     

    @media only screen and (max-device-width: 550px){

    .form-address-table{width:260px;}

    .form-address-line{width:240px;}

    .form-address-city, 

    .form-address-state{width:110px;}

    .form-subHeader, 

    .form-header {margin: 5px;}

    l

    .form-label-left {width: 300px !important;}

    #id_24{width: 280px !important;}

    .form-subHeader{width: 280px !important;}}

    .form-label-right {

    width: 100px !important;

    }

    Please inform us if it does not make any difference.
    Thanks.
  • Profile Image

    Answered by danycky on May 10, 2013 at 09:42 AM

    :(   doesnt show the fields correctly after write the CSS code

  • Profile Image
    JotForm Support

    Answered by Welvin on May 10, 2013 at 11:39 AM

    Hi,

    Can you please try it again? I have adjusted your form fields a little. 

     

    Thanks

  • Profile Image

    Answered by danycky on May 10, 2013 at 11:45 AM

    Its the same....doesnt show correctly in smartphone   :(    

  • Profile Image

    Answered by jefreylandicho on May 10, 2013 at 01:04 PM

    Please inject the CSS code below in your form styles Inject Custom CSS textarea.

    @media only screen

    and (max-width : 320px) {

    .form-all, .form-input,.form-header-group,.form-line,textarea { width: 97.5% !important; }}

    Kindly let us know if you are still having trouble seeing your form in smartphone after adding the CSS code above in your form styles.

  • Profile Image

    Answered by danycky on May 11, 2013 at 02:27 AM

    Nike!!  Now show ok!  Thanks a lot

  • Profile Image

    Answered by gori-mathew on May 11, 2013 at 02:31 AM
    On behave of my colleagues you are welcome, do feel free to contact us wherever you need our assistance.