-
Notifications
You must be signed in to change notification settings - Fork 268
How to Avoid Distortion for Form to be Viewed on Small Screens( i.e IphoneSE, Pixel7) #1463
-
Form distorts a lot when viewed on small screens, is there a way to achieve a better responsiveness ?
Beta Was this translation helpful? Give feedback.
All reactions
Replies: 2 comments 1 reply
-
This question seems a bit generic.
It depends a lot how you build your form.
- Inside Responsive Layout Component
- As JSON Schema Form
- With multiple columns layout
- With labels shown, hidden, upper or left/right next to the input field
- Which Style settings & theme settings are applied.
Please add screenshots and describe the problem with a bit more details - so it can tangible.
Beta Was this translation helpful? Give feedback.
All reactions
-
Sure, see my screenshot please thats pixel7 view. Also please see from settings I chose the autofill option
Screenshot 2025年01月29日 at 12 59 46 PM
Screenshot 2025年01月29日 at 12 57 05 PM
Beta Was this translation helpful? Give feedback.
All reactions
-
Since Lowcoder v2.6 we have now introduced a better preview.
The main idea is this: As your app with the settings "Autofill" will use the full window-size, you should imagine the whole canvas as your app. Currently it looks like you placed the app contents in the form factor of a mobile app in the middle of the canvas.
By the responsive feature, now Lowcoder treats the whole canvas as the window width of the mobile browser - and this naturally squeezes the view.
In the App preview we built the ability to choose mobile and tablet as possible form factors - so you can see this earlier and play with the effects.
Have also a look to the responsive layout component. We optimized it, so more use cases for mobile / tablet view can be realized.
Beta Was this translation helpful? Give feedback.