ioBroker / ioBroker.vis-2

Next generation visualisation for ioBroker platform.
Other
26 stars 3 forks source link

[enhancement]: Support different widget sizes (column spanning) #429

Open Excodibur opened 2 weeks ago

Excodibur commented 2 weeks ago

No existing issues.

Related problems

Currently all columns have the same width (100%), meaning they all appear to have the same size on the grid they are placed on. In theory this is fine and seems in line with Material Design concepts. The problem is, that there are widgets that need to take up a higher percentage of the horizonal screen width than others.

For example, a simple state widget might fit into one column, while on the same scale a widget showing a graph, or a technical schema overlayed with state-values might need to span 2-3 columns to have enough space to render correctly. Similar issues are described in the forum: https://forum.iobroker.net/topic/72399/visualisierung-next-gen-vis-2-responsive-geht-wie/15?lang=de.

Description

The Material Design guide (as far as I am able to follow it) apparently mentions content (widgets) spanning columns, e.g. here https://m2.material.io/design/layout/responsive-layout-grid.html#grid-customization. In the MUI docs DataGrid refers to it as column spanning, too.

Is it possible to extend VIS2 to support this?

Additional context

No response