Giter Site home page Giter Site logo

Comments (6)

llorenspujol avatar llorenspujol commented on June 13, 2024 3

I think what you are describing is the ability to have "static" grid items. This feature is listed in the TODO list, but it is currently not implemented.

The good news is that it should be relatively easy to implement since it is supported within the grid compaction algorithm.

I will try to enable this feature in the next few days and see how is it working, I will give you some feedback soon.

from angular-grid-layout.

abdulhaseeb-hub avatar abdulhaseeb-hub commented on June 13, 2024 1

locked grid item

Yes, I am talking about this scenario where, if we lock the line chart grid item, it will fix to his position and the bar chart grid item or any grid item can't take his place,

from angular-grid-layout.

llorenspujol avatar llorenspujol commented on June 13, 2024 1

I created a Draft PR for this feature. It would be nice if you could test it. That said, I am not fully convinced of how it is working right now. More particularly, I wrote a test use case that is not behaving as expected, and should be fixed IMO (it is the only test that is not passing). I will try to investigate and fix it. Meanwhile, I will keep this feature as a draft.

Feedback is welcome!

from angular-grid-layout.

abdulhaseeb-hub avatar abdulhaseeb-hub commented on June 13, 2024

Perfect, I will look into it, and get back to you thankyou :)

from angular-grid-layout.

Doomer- avatar Doomer- commented on June 13, 2024

I find this feature would be very useful. It is quite common need to create header rows or columns which are not expected to be dragged or replaced in any way. The way I see it, this feature request has two parts:

  1. specific cells should not be draggable - there is already a boolean property for this in KtdGridLayoutItem called 'draggable'.

  2. specific cells should not collide with one another - this may be a generalization of KtdGridComponent's 'preventCollision' property - which applies to every cell inside the grid. A property with the same name could be added to KtdGridLayoutItem which does exactly the same just on cell level instead of grid level.

from angular-grid-layout.

mcrodriguezb avatar mcrodriguezb commented on June 13, 2024

Hi,

First, thanks a lot for the library. It is really powerful and easy to use.

My use case is having the possibility to set as a header some grid items, but allow the user to change the others. I have currently defined some grid items as not draggable, but those grid items can be moved my other dragging other items before them.

Is there any progress on this?

from angular-grid-layout.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.