Optimize form layout on mobile devices version 11

replied on February 6, 2022

Hi Pedro,

The 'Optimize form layout on mobile devices' option is not supported with new form designer in Forms 11 yet, and it is in our backlog.

Could you use classic form as alternative if necessary?

1 0

View 2 previous replies

replied on February 20, 2023

Ziyan,

Do you have a projected timeline for this?

0 0

replied on February 23, 2023

Hi Courtney, after discussion, we plan to roll out related fix in next release of self-hosted Forms, which is currently targeted to second half of this year.

If you need this before the release, please try out the snippet in https://answers.laserfiche.com/questions/195351/Optimize-form-layout-on-mobile-devices-version-11#206607 to see whether it works with your form.

0 0

replied on July 3, 2023

@████████ our customer built a form that is taking forever to load on your phone. She used the modern form builder. Any idea how to speed that time up. All other forms built with the classic builder works great. I assume it still is the optimization issue.

0 0

replied on July 4, 2023

Hi @████████, does the modern form load eventually?

If yes, I would suggest open a support ticket with business process provided for further troubleshooting.
If no, does it happen on Apple devices? Please check out https://answers.laserfiche.com/questions/208434/Apple-Devices-and-Public-Forms#209233

1 0

replied on July 5, 2023

Hey @████████, I got it to load one time but it takes forever. I will try both options. Thanks!

0 0

replied on February 17, 2022

Hi Pedro,

Could you kindly elaborate on how the forms and header are not rendered as previous version with new form? Is it table header or form header?

We'd like to make sure the future implementation does solve the problem.

1 0

replied on February 18, 2023 • Show version history

Hey Zihan,

We are experiencing all kinds of fields getting squished together. we do improve with a lot of instances by turning the phone horizontally. This is more a problem with iPhones over Android.

Any idea what the horizon line is like for this fix? our Forms developed in 10 look fine on phone. we had optimize for mobile on.

Thanks!

Frank

0 0

replied on February 20, 2023

Hi Frank, let me reach out to related team about potential timeline for this. Will keep this post updated.

0 0

replied on February 23, 2023

Hi again Frank, please try out the CSS snippet in https://answers.laserfiche.com/questions/195351/Optimize-form-layout-on-mobile-devices-version-11#206607 to see whether it works with your new form. Let me know if anything still doesn't work well.

We plan to roll out the fix in next release of self-hosted Forms, which is currently targeted to second half of this year.

0 0

replied on February 23, 2023

Hi everyone,

Our dev provides a sample CSS snippet to improve new form responsiveness on mobile device, considering the option 'Optimize form layout on mobile devices' is currently not available in new form.

@media screen and (max-width: 600px) {
  .line {flex-wrap: wrap}
  .pdc {width: 100%}

  .fl-table thead, .fl-table colgroup {display: none;}
  .fl-table tr.pdc {display: flex; position: relative; flex-wrap: wrap; border: 1px solid #ddd; padding: 20px 0 0;  }
  .fl-table tr.pdc + tr.pdc {border-top: none;}
  .fl-table td.pdc .field-label {display: flex; border: none;}
  .fl-table td.pdc {border: none; vertical-align: center; width: 100%}
  .fl-table td.table-row-labels {border: none; padding: none; position: absolute; top: 4px; left: 4px;}
  .fl-table td.table-buttons {position: absolute; top: 4px; right: 4px;}
}

Please try it out and see whether it works with your form. Let us know if anything still seems wrong.

1 0

replied on February 2, 2022

Hi Pedro,

Could you please open a support case and attach an exported copy of your Forms process there?

Thank you,
Sam

replied on February 7, 2022

Hi Ziyan,

I will provide the user with the alternative of creating the classic form.

Thanks,

Pedro

0 0

replied on June 29, 2022

Does that mean that if we use New Forms Designer now it may not render well on mobile devices?

0 0

replied on February 20, 2023

Unfortunately yes. Currently new form has general support for mobile devices, but may not render well enough with certain field or mobile device.

0 0

Question

Question

Optimize form layout on mobile devices version 11

Replies

Sign in to reply to this post.