Show columns on the grid (editor)

bpmn-io / form-js

View and visually edit JSON-based forms.

https://bpmn.io/toolkit/form-js/

Other

414 stars 107 forks source link

Show columns on the grid (editor) #569

Open pinussilvestrus opened 1 year ago

pinussilvestrus commented 1 year ago

What should we do?

Per default, there is currently no way to view the used columns of a form field on the canvas inside the editor. You must go to the properties panel Layout group to gather this information.

We should consider an easier way for this, e.g. via

showing the grid on the canvas
show columns on hover/select

Why should we do it?

Follow up of #560 Slack discussion: https://camunda.slack.com/archives/C046XS3GGCR/p1679309908262309

Skaiir commented 1 year ago

Similarly to #577, I think this should be closed as well. I feel like with forms it's just about what they look like in 99% of the cases, not what the numeric widths are.

@volodymyr-melnykc @christian-konrad Any objections?

volodymyr-melnykc commented 1 year ago

Generally, it's a good improvement for the form editor in the design mode that helps the user precisely define a visual layout. Reminds me of Retool's visual editor (see the screenshot below).

However, I believe it might require significant development investment to make it properly (not a "low-hanging fruit"). I suggest keeping it open but for later.

christian-konrad commented 1 year ago

Agree, let's keep it in the backlog for later