Comments (4)
Are you sure it doesn't overlap with existing component in layout? gridstack on client side will find the closest free position. So might be good idea to iterate all components in layout and move those to new locations.
from gridstack.
thanks for your answer. Just for clarification, for example I have a following omponents:
1
2
3
4
5
6
7
I have to resize component 2 in order to be 2 times bigger(components 3 and the rest should be moved down), something like this
1
2
2
3
4
5
6
7
What should I do in order to achieve it ? This is one column layout
from gridstack.
call gridStackComponent.moveComponent(thirdComponent, 0, 3) ... moveComponent(fourthComponent, 0, 4) ... etc... just to make sure those make empty space to slot 0,2
from gridstack.
Awesome. Thank you very much !
Could you please also help me with a following question #16 ?
from gridstack.
Related Issues (20)
- Elements layout question HOT 3
- top and bottom paddings for GridStack demo HOT 8
- Hover effects for GridStack grid-stack-item HOT 1
- Optional loading of JQuery and JQuery-ui HOT 1
- Automatically resize the component attached to GridStack in order to show content without vertical scrollbar
- Bottom padding for GridStack container
- Move components to a certain position HOT 8
- Performance of GridStack rendering HOT 13
- Resizing a component under special conditions causes it to move up HOT 1
- Component resizing HOT 2
- DragHandle option is forgotten on page refresh HOT 5
- GridStackLayout#getComponent did not find correct component for given coordinate.
- Ghost box left after removing component
- Disable resize
- Create child read only state
- Some issues HOT 4
- Responsive HOT 1
- resources loaded twice HOT 3
- GridStack sorting with a visual transition effect HOT 12
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from gridstack.