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

    Regarding field lengths of form on an iPad

    Asked by cashflowgroup on August 11, 2016 at 09:00 PM

    I have several forms and the field lengths always seem the correct lengthy, or I've been able to specify # of Char in a field to make it look right. now i just created another form and when viewed in iPad almost every field runs the entire width of the iPad, in most cases MANY more char width than needed. It also doesn't look very esthetic to the user when it does that. Did you change something pertaining to that?

     

    Art Schnitzer

    Page URL:
    https://form.jotform.com/62168016977161

    ipad form on another form and OR
  • Profile Image
    JotForm Support

    Answered by liyam on August 12, 2016 at 12:46 AM

    Hello Art,

    We have not made changes on how the form layout of existing forms. But if it appears that there may have changes on the form, you can try checking your form's revision history for the logs and even revert your form to an older version. You can refer to this guide to know more about revisions history: https://www.jotform.com/help/294-How-to-view-form-revision-history

    Thanks.

  • Profile Image

    Answered by cashflowgroup on August 12, 2016 at 08:46 AM
    I think you misunderstood. My existing forms are fine. It is the new form I just made, (I included the link in my inquiry).
    I don’t seem to be able to adjust the field lengths; the run the whole width of my iPad. Forms that I’ve made in the past do not do this.



    Art W Schnitzer
    President
    The Cash Flow Group, Inc.

    www.thecashflowgroup.com

    PH 954.919.0070
    FX 954.919.0073

    This electronic communication and any file attached to it are intended solely for the person to
    whom it is addressed and may contain information that is confidential, legally privileged,
    protected by privacy laws, or otherwise restricted from disclosure to anyone else. If you have
    received this electronic communication in error, please immediately notify the sender by reply
    email, delete it from your computer, and destroy any printed copy of it. Any use, duplication,
    distribution, or dissemination of this electronic communication by anyone who receives it in error
    is strictly prohibited. Thank you.

    ...
  • Profile Image
    JotForm Support

    Answered by Charlie on August 12, 2016 at 11:30 AM

    That is happening because the form itself has a default theme, the default theme is somehow partially mobile responsive, our developers made the default theme to be mobile responsive, which makes the form field to occupy the whole width for mobile devices. Would you like the form field to have the same field length on an iPad device? This is how it looks like in my end:

     

    I personally recommend making your form fully mobile responsive, with that, regardless of what device your users will use, the form's layout will automatically adjust, giving them the best experience. If you prefer to specify the width on the iPad, we might get problems, problems because iPad had different model, they have different screen sizes, your user might also want to fill out the form on a different device.

    To learn more about mobile responsiveness, you can check this guide: https://www.jotform.com/help/322-How-to-make-mobile-friendly-forms-on-JotForm 

    Let us know if you need more assistance on this.

  • Profile Image

    Answered by cashflowgroup on August 12, 2016 at 01:46 PM
    We only use the form on ipads so would prefer there to be the ability to adjust the length of the fields so it doesn’t look odd. The forms that I’ve made in the past all look good on our iPhones & iPads, not sure why you changed the formatting.



    Art W Schnitzer
    President
    The Cash Flow Group, Inc.

    www.thecashflowgroup.com

    PH 954.919.0070
    FX 954.919.0073

    This electronic communication and any file attached to it are intended solely for the person to
    whom it is addressed and may contain information that is confidential, legally privileged,
    protected by privacy laws, or otherwise restricted from disclosure to anyone else. If you have
    received this electronic communication in error, please immediately notify the sender by reply
    email, delete it from your computer, and destroy any printed copy of it. Any use, duplication,
    distribution, or dissemination of this electronic communication by anyone who receives it in error
    is strictly prohibited. Thank you.

    ...
  • Profile Image
    JotForm Support

    Answered by Charlie on August 12, 2016 at 03:20 PM

    Our developers made the default theme of the form somewhat partially mobile responsive, as I have mentioned in my earlier post. Which would explain why the new created forms displays like that in iPad. 

    Please allow me some time to come up with a custom CSS code that would work for iPad. I'll get back as soon as I can get it to work on my end.

  • Profile Image
    JotForm Support

    Answered by Charlie on August 12, 2016 at 03:58 PM

    Hi, I cloned your form and this is the custom CSS code that I came up with:

    @media screen and (min-width: 768px) and (max-width: 1024px), screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait), screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {

        #label_17, #label_5, #label_16, #label_11, #label_6, #label_7 {

            max-width : 30% !important;

            display : inline-block !important;

        }

        #cid_17 > span, #cid_5 > span {

            max-width : 150px !important;

            display : inline-block !important;

        }

        #cid_17, #cid_5, #cid_11 {

            width : 50% !important;

        }

        #cid_16 {

            width: 40% !important;

        }

        #cid_11 > span {

            width : 30% !important;

        }

        #cid_11 > span > input {

            width : 80% !important;

            display : inline-block !important;

        }

        #input_14 {

            width : 75% !important;

        }

        #cid_6 {

            width: 50% !important;

        }

        #cid_7 {

            width: 50% !important;    

        }

        #cid_7 > span:nth-child(1) {

            width: 30% !important;

        }

        #cid_7 > span:nth-child(2) {

            width: 40% !important;

        }

        #input_7_area {

            width: 80% !important;

        }

    }

     

    Simply paste it under the CSS tab in your Form Designer Tool.

     

    You can test my cloned form here: https://form.jotform.com/62246097279970 

    This is how it looks like on an iPad:

     

    Let us know if that works.

  • Profile Image

    Answered by cashflowgroup on August 12, 2016 at 04:45 PM
    Yikes, ok I’ll try that..

    Thanks much.


    Art W Schnitzer
    President
    The Cash Flow Group, Inc.

    www.thecashflowgroup.com

    PH 954.919.0070
    FX 954.919.0073

    This electronic communication and any file attached to it are intended solely for the person to
    whom it is addressed and may contain information that is confidential, legally privileged,
    protected by privacy laws, or otherwise restricted from disclosure to anyone else. If you have
    received this electronic communication in error, please immediately notify the sender by reply
    email, delete it from your computer, and destroy any printed copy of it. Any use, duplication,
    distribution, or dissemination of this electronic communication by anyone who receives it in error
    is strictly prohibited. Thank you.

    ...
  • Profile Image

    Answered by cashflowgroup on August 12, 2016 at 04:46 PM
    Yours looks perfect, can I just use that one with copying and pasting the code?

    Art W Schnitzer
    President
    The Cash Flow Group, Inc.

    www.thecashflowgroup.com

    PH 954.919.0070
    FX 954.919.0073

    This electronic communication and any file attached to it are intended solely for the person to
    whom it is addressed and may contain information that is confidential, legally privileged,
    protected by privacy laws, or otherwise restricted from disclosure to anyone else. If you have
    received this electronic communication in error, please immediately notify the sender by reply
    email, delete it from your computer, and destroy any printed copy of it. Any use, duplication,
    distribution, or dissemination of this electronic communication by anyone who receives it in error
    is strictly prohibited. Thank you.

    ...
  • Profile Image

    Answered by cashflowgroup on August 12, 2016 at 04:46 PM
    BTW, I am an ALJC minister. My ministry is involved w/ helping churches organize for growth. I’ve been referring (and will continue as the ministry expands) pastors in churches where I train, to use JotForms.


    Art W Schnitzer
    President
    The Cash Flow Group, Inc.

    www.thecashflowgroup.com

    PH 954.919.0070
    FX 954.919.0073

    This electronic communication and any file attached to it are intended solely for the person to
    whom it is addressed and may contain information that is confidential, legally privileged,
    protected by privacy laws, or otherwise restricted from disclosure to anyone else. If you have
    received this electronic communication in error, please immediately notify the sender by reply
    email, delete it from your computer, and destroy any printed copy of it. Any use, duplication,
    distribution, or dissemination of this electronic communication by anyone who receives it in error
    is strictly prohibited. Thank you.

    ...
  • Profile Image
    JotForm Support

    Answered by BDAVID on August 12, 2016 at 06:09 PM

    If you want to, you can clone my colleagues form version(form url: https://form.jotform.com/62246097279970) in your account, and use it: http://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL 

    Let us know if you need more help.

  • Profile Image

    Answered by cashflowgroup on August 18, 2016 at 08:45 PM
    Greetings:

    Working on another issue on a different form # 60155588074157

    I have a JPG file next to each guest name that is a diagram of our seating that I want to mark on when this form is printed out after completion. The jpgs are not coming in the submission email. How can I make those image fields appear in the submission email?

    The from is called Pulpit Guest Welcome Form.


    Thanks much.

    Art W Schnitzer
    President
    The Cash Flow Group, Inc.


    www.thecashflowgroup.com

    PH 954.919.0070
    FX 954.919.0073

    This electronic communication and any file attached to it are intended solely for the person to
    whom it is addressed and may contain information that is confidential, legally privileged,
    protected by privacy laws, or otherwise restricted from disclosure to anyone else. If you have
    received this electronic communication in error, please immediately notify the sender by reply
    email, delete it from your computer, and destroy any printed copy of it. Any use, duplication,
    distribution, or dissemination of this electronic communication by anyone who receives it in error
    is strictly prohibited. Thank you.

    ...
  • Profile Image
    JotForm Support

    Answered by liyam on August 18, 2016 at 09:51 PM

    Hello Art,

    I have moved your question to a new thread in order for your concern to be addressed properly. We'll respond to you on this new thread.

    Thanks.