Comments (10)
Hi @karanaditya993 ,
The first error it seems because you don't have javascript-detect-element-resize
as a dependency.
Second error is caused by the first one. Since the element is set after line 774
.
If you already have : <script src="bower_components/javascript-detect-element-resize/detect-element-resize.js"></script>
Then I don't know what's the issue. That function is created by that library.
Let me know if this helps.
from angular-gridster2.
@tiberiuzuld errors are fixed now after dependency injection, but UI is completely off (no tiles showing, just a gray bar across the top of the dashboard)...this probably has to do with my HTML and/or the way in which I declared scope objects. I'll keep working on this. Thanks again for your help
from angular-gridster2.
@karanaditya993 probably css height of the grid element.
from angular-gridster2.
Hi @karanaditya993 ,
The issue got resolved do you need any more help ?
from angular-gridster2.
@tiberiuzuld shouldn't the height and all css for the grid be in the gridster.css file? I'm messing around with the css and it seems to show the tiles now (based on adding a height to grid element), but the tiles aren't draggable (they can be resized however)
from angular-gridster2.
Hi @karanaditya993 ,
Yes all the css is in gridster.css
The gridster has width and height 100% so will take the space the parent will give.
You can override the library css to give fixed px dimensions or use flex or what you prefer.
If you are messing with the demo and drag is not working check if not the compact up/left options are enabled and gives the sensation you cannot drag.
from angular-gridster2.
Hey @tiberiuzuld thanks for the quick response. I think i'll end up using flex to configure the size and layout, but I'm actually not messing with the demo. I'm using the gridster.js and css files directly so I don't have compact options, and the drag functionality still doesn't seem to be working
from angular-gridster2.
Hey @karanaditya993 ,
Very strange. The drag default option is false.
But if you already put it on true then I don't know why is not working.
You will have to do some debugging in the source files to find the issue since I can't reproduce the issue.
from angular-gridster2.
Didn't realize the default was false, setting to true fixed it (thank you). Yea I think I'll mess around with the css files to cater to my layout. We can close this issue out. Thanks very much again for all your help.
from angular-gridster2.
Yey, good to hear.
Your welcome.
from angular-gridster2.
Related Issues (20)
- Gridster drag continue event for item is not available
- Resizing in Angular causing this HOT 1
- Indefinite swap of items when they are in the top left corner of the grid
- cannot swap and push items smoothly in vertical scroll
- Scrolling the grid with "verticalFixed" mode and emptyCellDrag enabled
- Hi, In the context of using angular-gridster2, is there a method to assign a label or button to vacant grid cells, allowing the addition of a new grid cell?
- angular v17 has been released HOT 5
- The row width is too large
- [BUG] - Grid is bouncing/jumping in specifc browser size
- Auto Position Items When Browser Window Is Resized
- How to have scroll in the gridster while keeping the grid size
- Responsive and size of items
- is there a way to change grid matrix? HOT 1
- The vertical scroll does not work in mobile with fixedVertical
- Change style when moving grid items HOT 1
- Styling grid-item HOT 1
- getNextPossiblePosition() method issue
- What configuration setting allows to maximize item in available nearby space
- Empty Cell drop effect - RTL issue
- gridster-item initial position and display values are messing up Gantt Components
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 angular-gridster2.