Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

CSS grid support #148

Open
Jimmys20 opened this issue Aug 9, 2022 · 3 comments
Open

CSS grid support #148

Jimmys20 opened this issue Aug 9, 2022 · 3 comments

Comments

@Jimmys20
Copy link

Jimmys20 commented Aug 9, 2022

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
Copy link

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

@Jimmys20
Copy link
Author

Jimmys20 commented Jun 5, 2023

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
Copy link

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants