search

siemens / ix

Siemens Industrial Experience is a design system for designers and developers, to consistently create the perfect digital experience for industrial software products.
https://ix.siemens.io/
MIT License
206 stars 69 forks source link

Advanced layout grid #1553

Open LukasGrafUX opened 1 week ago

LukasGrafUX commented 1 week ago

Prerequisites

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 commented 1 week ago

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[bot] commented 1 week ago

🤖 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 commented 1 week ago

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. : )