Code Monkey home page Code Monkey logo

Comments (10)

tiberiuzuld avatar tiberiuzuld commented on May 11, 2024

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.

karanaditya993 avatar karanaditya993 commented on May 11, 2024

@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.

tiberiuzuld avatar tiberiuzuld commented on May 11, 2024

@karanaditya993 probably css height of the grid element.

from angular-gridster2.

tiberiuzuld avatar tiberiuzuld commented on May 11, 2024

Hi @karanaditya993 ,
The issue got resolved do you need any more help ?

from angular-gridster2.

karanaditya993 avatar karanaditya993 commented on May 11, 2024

@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.

tiberiuzuld avatar tiberiuzuld commented on May 11, 2024

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.

karanaditya993 avatar karanaditya993 commented on May 11, 2024

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.

tiberiuzuld avatar tiberiuzuld commented on May 11, 2024

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.

karanaditya993 avatar karanaditya993 commented on May 11, 2024

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.

tiberiuzuld avatar tiberiuzuld commented on May 11, 2024

Yey, good to hear.
Your welcome.

from angular-gridster2.

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.