search

formio / formio.js

JavaScript powered Forms with JSON Form Builder
https://formio.github.io/formio.js
MIT License
1.83k stars 1.04k forks source link

Reducing Form Builder Modal sizings #5583

Closed StephenOTT closed 1 month ago

StephenOTT commented 2 months ago

Loading the formio builder on laptop sized screens with the browser at 100% can lead to the field editor modal to appear as:

image

Where fields such as the Label and Value are very tightly spaced.

Is there any common code to reduce the modal's sizing? Increase width, hight? reduce paddings. etc ?

if we reduce the browser zoom we start to get better sizing such as:

image

Any ways to do this without having the user's having to zoom the browser?

for further thought: if the builder is embedded in an application that has any sort of left side menu, we further loose space and fields can get even tighter on a laptop.

lane-formio commented 2 months ago

Have you tried the "Hide Preview" button? It was just recently added and I see it showing in your screenshots.

StephenOTT commented 2 months ago

Ah! that is a clever fix to this problem!

I will give that a try!

thanks