search

Postlagerkarte / blazor-dragdrop

Easy-to-use Drag and Drop Library for Blazor
MIT License
406 stars 97 forks source link

CSS grid support #148

Open Jimmys20 opened 2 years ago

Jimmys20 commented 2 years ago

Hi, in the demo project there is an example for using this library with display: grid; container: https://blazordragdrop.azurewebsites.net/displaygrid. As you can see the elements are displayed in a single column even though the container is configured for 3 columns (grid-template-columns: auto auto auto;). Can this library be used with CSS grid with multiple columns and rows?

Arthuraafn commented 1 year ago

Really the display grid does not work for more than one column, is there any workaround?

Jimmys20 commented 1 year ago

I had to create my own component for generating CSS grid layouts with drag and drop support. You can take a look and find out if it can be useful for you.

Demo: https://jimmys20.github.io/BlazorComponents/ Documentation: https://github.com/Jimmys20/BlazorComponents/wiki/JmGridLayout

Arthuraafn commented 1 year ago

Excellent, very close to what I was looking for, thanks for the help!