Stack Overflow
Stack Overflow

Questions tagged [gridstack]

Questions related to gridstack.js which is a jQuery plugin for widget layout

About

gridstack.js is a jQuery plugin for widget layout. This is drag-and-drop multi-column grid. It allows you to build draggable responsive bootstrap v3 friendly layouts. It also works with knockout.js and touch devices.

Useful links

Related tags

140 questions
0
votes
0 answers

How to add google map and other charts in the gridstack widget using knockout.js

I am using Gridstack with Knockout.js. I am using http://troolee.github.io/gridstack.js/demo/knockout.html to create Gridstack widgets. I added a Google map in one of these widgets. The map appears with a scroll bar. Also, I need to have some kind…
manish choudhary
  • 11
  • 3
0
votes
1 answer

json to mysql stopped working

I am using the Gridstack library to create a dashboard. The widgets x,y,width and height can be put into a json, I am trying to save this json into MySQL. I got the json array to enter a table in MySQL by pressing a button to work, when I was at my…
Ranj Salih
  • 53
  • 6
0
votes
0 answers

Why won't this bower package work?

This is my first attempt with using bower packages and NPM. I am trying to use Gridstack.js - link. What am I missing? Any help or input would be greatly appreciated. Here is the tags for my html:
Ranj Salih
  • 53
  • 6
0
votes
1 answer

Remove white space in gridstack js

I have created gridstack js The image shows what I have and I have outlined the whitespace (in blue) that I want to remove. See this image: How do I remove this white space?
Maestro Vladimir
  • 1,186
  • 4
  • 18
  • 38
0
votes
1 answer

Asp.net OnClick event is not triggering after ajax is called too many times.

I am working on dashboard and using gridStack.I am updating database with ajax. The data is x,y positions of html elements(some divs on page). Here is my javascript code: // The "dragstop" fucntion is called when I stop dragging the
…
Kamran
  • 4,010
  • 14
  • 60
  • 112
0
votes
0 answers

Genexus + gridstack

I'm trying work Gridstack with Genexus UserControls, it's all ok but it's not dragging/resizable.. Gridstack is the best tool I've found to create a dynamic layout, is there any other that I can dimly render the layout?
Alisson Diel
  • 79
  • 1
  • 11
0
votes
2 answers

GridStack is not positioning elements properly on page after they hit a specific y-axis point

When I am loading a saved layout, if the layout has a height larger than what is already loaded on the page at $('.grid-stack').attr('data-gs-current-height'), the elements with a y-axis which goes over that load at the top position of the page.…
user5096599
0
votes
1 answer

How to add 'id' to a widget in GridStack

I would like to use Gridstack for my project and I am playing with it, right now I am adding widgets with JSON data. I am not able to add an id to the widget. Here is a link to JsFiddle. This 'id' is very important because without it I wont be able…
Kamran
  • 4,010
  • 14
  • 60
  • 112
0
votes
1 answer

How to insert resulting HTML from a partial view into javascript code?

I am using grid-stack for drag/drop functionality in my asp.net mvc web application. I have an "Add Widget" button.... I also have a bunch of MVC5 partial…
WebDevGuy2
  • 1,159
  • 1
  • 19
  • 40
0
votes
2 answers

Jquery - how do I get the ID of a nested DIV from an e.target?

This code: $('.grid-stack').on('resizestop', function(e) { var element = e.target; console.log(element); }); outputs:
user5096599
0
votes
1 answer

GridStack item height and width in pixel

I have elements within each of my GridStack item (think of graphs) that require re-rendering on when a gridstack item (cell) size changes. I want to use change event on GridStack to identify the changed items and fire a custom event with the size…
iCode
  • 4,308
  • 10
  • 44
  • 77
0
votes
2 answers

Angular 2 + GridStack error in change detection?

I'm developing an app and GridStack won't just play nicely with A2, i have managed to transpile it in webpack, however the plugin has 2 major flaws, i have to declare that the items rendered by ngFor are gridstack items and then hack an update…
Carlos Esteban Lopez Jaramillo
  • 113
  • 8
0
votes
2 answers

gridstack margin width not set -- items touch each other on each row

I am using gridstack for the first time and I am having trouble with the horizontal margins. Clearly there is something in my css that is making my items too wide. I see in the demos that gridstack.css has left and right set at 10px each, and I am…
Tamar Cohen
  • 1
  • 1
  • 4
0
votes
1 answer

GridStack.js - Placing some items in specific locations while populating the rest with filler items

I am trying to use gridstack.js to dynamically build a tile wall. Some of the tiles I want placed in specific locations, while the rest I simply would like to place in any unoccupied tile. The filler tiles will always have a width of 1 and height…
Jason Metroick
  • 5
  • 1
  • 3
0
votes
1 answer

Jquery UI resize text size depends on parent div and screen size

I am using gridstack.js in one of my projects and there are 3 resizable and draggable divs on the grid. I would like to resize text in p and h3 tags in these divs and save fontsize values when I resize parent div. I can do this like this: Can text…
baris usanmaz
  • 839
  • 1
  • 13
  • 31
1 2 3
…
9
10