formio / formio.js

JavaScript powered Forms with JSON Form Builder

Home Page:https://formio.github.io/formio.js

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Reducing Form Builder Modal sizings

StephenOTT opened this issue · comments

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.

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

Ah! that is a clever fix to this problem!

I will give that a try!

thanks