You are viewing limited content. For full access, please sign in.

Discussion

Discussion

Forms - Modern Forms designer automatic layout for small screens not the same as removing Optimize for mobile

Forms Layout Designer
Updated February 22, 2024
posted on February 15, 2024 • Show version history

When in the Classic Designer there is an option to Optimize form layout on mobile devices and when you turn this off, if the X axis overflows the current browser width, a scroll bar is displayed at the bottom.

In the Modern Designer I was looking for the same feature, but instead I only see an option to Disable automatic layout adjustment for small screens. However if I choose this I still don't see any scroll bar when the form overflows in the X axis and the form continues to shrink itself to match the current resolution of my browser.

How do I set the x axis overflow to scroll? I tried adding the style 

overflow-x: scroll !important;

To the body, flr-root, lf-form, etc without any luck.

0 0
replied on February 16, 2024

With Optimize form layout on mobile devices disabled. You can see the scroll bar at the bottom for overflow on the X axis and the form size is not modified to fit my browser window.

With disable automatic layout adjustment for small screens. There is no scroll bar on the X axis and the form width has been modified.

So this means disabling automatic layout for small screens is not the same action as disabling optimized layout for mobile devices available in Classic. We would like to have the option to disable optimized layout for mobile devices in the new designer as well or a workaround for enabling/disabling scroll on x overflow for windows and devices smaller than our defined form width.

0 0
replied on February 16, 2024

Could you possibly share a screen shot of what you are seeing?

0 0
View 3 previous replies
replied on February 16, 2024

Opps replied to my own post but the screenshots are in

0 0
replied on February 22, 2024

Is your goal to develop the form for mobile only? Where you would predefine a screen size and handle formatting yourself? Or are you trying to make it so smaller screens see the same form as larger screens and have the ability to scroll on the x-axis to see everything?

You can definitely do a lot of what you need with CSS right now, but I'm not sure how much you would need. Regardless I'm going to put together a larger feature for general formatting across screen sizes to simplify these use cases.

0 0
replied on February 22, 2024 • Show version history

The goal here is to optimize the form for PCs which have more screen space, but the browser might be opened at any size and we want to ensure the scroll bar is used instead of changing the form width. We are trying to turn off the optimizations for mobile devices/small screens and it works great in the classic designer, but not in the modern designer.

CSS does not appear to have any effect on if a horizontal scroll bar is shown.

I tried adding the style 

overflow-x: scroll !important;

To the body, flr-root, lf-form, etc without any luck.

0 0
replied on February 22, 2024

Does your form not scroll? In my limited testing my form still scrolls, there just isn't a visible scrollbar

0 0
replied on February 22, 2024

No, the form shrinks to fit the size of the window width wise. How do you scroll left and right without a scroll bar?

0 0
replied on February 22, 2024

Ah, ya I think I just had my screen way too small. Thats what happens when I'm not working on my monitors. Yes it still scrolls without a visible scrollbar its probably somewhere which is likely one of the issues with this. I'll update this post when I have a formal item created. There are a few other sizing issues I want to group into one effort. 

0 0
You are not allowed to follow up in this post.

Sign in to reply to this post.

Details
Related Posts
Loading ...