Advanced layout grid

[LukasGrafUX]

Prerequisites

• I have read the Contributing Guidelines.
• I have not leaked any internal/restricted information like screenshots, videos, code snippets, links etc.

Suggestion / feature request

Reason for the request:
For a lot of projects we have Dashboards with widgets. We want to migrate those apps from Simpl (flexible Dashboard) and Mindsphere UXT (using prime css grid) to iX, but need something like that to do a proper migration without 3rd party solutions.

Goals:

1. Having a CSS grid out off the box that provides a flexible layout across rows and columns
2. Extension (maybe later release): Drag & Drop customization of widgets/containers inside the grid

Examples:
https://primeflex.org/gridsystem
https://simpl.code.siemens.io/simpl-element/components/dashboards/flexible-dashboards/

[matthiashader]

Hello @LukasGrafUX - thanks for your insights.
I believe you're referring to utility classes or components that can reflect a grid structure. The CSS Grid is supported out-of-the-box, and you're free to use other frameworks, like Tailwind, to implement custom grids if needed. We also offer a dedicated Layout Grid component that simplifies grid creation, similar to your PrimeFlex example. (https://ix.siemens.io/docs/controls/layout-grid)

Regarding the flexible dashboard, this feature isn't currently supported. However, I'll create a ticket to track this enhancement request. As Simpl mentioned, there are alaso using a 3rd party solution called gridstack.js, as workaround you can leverage this library wuith iX components.

[github-actions]

🤖 Hello @LukasGrafUX

Your issue will be analyzed and is part of our internal workflow.
To get informed about our workflow please checkout the Contributing Guidelines

JIRA: IX-1940

[LukasGrafUX]

Thank you for the reply! I was referring to the Layout Grid component in the ticket, just wanted to highlight it could be a little more flexible to easily replace 3rd party grids. Like nested elements for example. If its currently not on your roadmap to extend the functionality of your layout grid, also absolutely fine. : )