Regarding field lengths of form on an iPad

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

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.

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.

...

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.

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.

...

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.

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.

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.

...

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.

...

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.

...

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.

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.

...

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.