How to access CSS Grid properties w/ Javascript

Question

I'm creating a dashboard with drag and drop. The main purpose of that dashboard is that the user can customize the cards and their position on the grid. So, for that funcionality I wanna get the columns and row to dinamically fill the empty cells with placeholders for the drag and drop. There's a way to get the CSS Grid properties via Javascript?

This is too broad a question. You want to first figure out what CSS styles (or HTML element positions) change the grid in the way you desire, for a given drag/drop event. Then program accordingly. — symlink
– symlink, Commented Jun 22, 2020 at 19:41

Marik Ishtar · Accepted Answer · 2020-06-22 19:38:45Z

1

this is how to access the css grid property

yourElement.style.grid="250px / auto auto auto"

check this link, it contains the full explanation: https://www.w3schools.com/CSSref/pr_grid.asp

answered Jun 22, 2020 at 19:38

Marik Ishtar

3,0691 gold badge17 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to access CSS Grid properties w/ Javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related