katoid / angular-grid-layout

Responsive grid with draggable and resizable items for Angular applications.
https://katoid.github.io/angular-grid-layout
MIT License
436 stars 60 forks source link

It's possible to show the possible grid all the time? #74

Closed Rlima2 closed 1 year ago

Rlima2 commented 1 year ago

I fork the project, but i'm a newbie, there is some easy way to create a border in the possible placeholders? I will have the same size in every item.

Screenshot_3

llorenspujol commented 1 year ago

It is not supported in the lib, but there are workarounds to achieve it.

One easy way to do it, not the cleanest, is drawing another grid in the bottom of this one, with full of elements, one element for cell, and draw a border on them, this will simulate each possible placeholder.

I may consider implement this feature BTW, is simple and I understand in some cases would be nice to have.

arnoudb commented 1 year ago

@llorenspujol I would go for a different approach: css It is quite powerful hese days. Drawing the grid in one layer is much cheaper. This becomes more important for big and fine grained grids.

I'll make a prototype that you can check

arnoudb commented 1 year ago

@Rlima2 I created aPR for this, hope its helpful!

llorenspujol commented 1 year ago

Closing this issue since this grid background feature is implemented!