katoid / angular-grid-layout

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

Add all other resize options (now is only available 'se-resize'). #91

Open leaporush opened 1 year ago

leaporush commented 1 year ago

Hi,

I work on Hebrew website (rtl) I realy need the option to resize from the south west corner of the grid item When I'll be able to do it?

Thank you.

llorenspujol commented 1 year ago

Hi @leaporush !

We should implement all other resize options, something like:

// Defines which resize handles should be rendered
// Allows for any combination of:
// 's' - South handle (bottom-center)
// 'w' - West handle (left-center)
// 'e' - East handle (right-center)
// 'n' - North handle (top-center)
// 'sw' - Southwest handle (bottom-left)
// 'nw' - Northwest handle (top-left)
// 'se' - Southeast handle (bottom-right)
// 'ne' - Northeast handle (top-right)
@Input() resizeHandles: Array<'s' | 'w' | 'e' | 'n' | 'sw' | 'nw' | 'se' | 'ne'> = ['se'],

This property should go into the KtdGridItemComponent.

If you need it, I suggest you to start its development since I don't know when I will be able to do it. I can give you some guidance if you join the discord !

MussaratAziz commented 1 year ago

@llorenspujol would you guide me for adding resize options?

llorenspujol commented 11 months ago

@MussaratAziz I created a channel called 'resize-handles' on Discord and provided a brief explanation of how the resizing is currently implemented, as well as which parts need to be changed