Stack Overflow
Stack Overflow

Questions tagged [angular-gridster2]

Angular 6+ implementation of angular-gridster

Angular 6+ implementation of angular-gridster

Resources

50 questions
0
votes
0 answers

Gridster-2 not working properly with ptab angular

I am rendering gridster dynamically on tabPanels. Gridster gets rendered on the panels but is displayed only when the window is resized. Has anyone else faced the same issue ? Ts file ngOnInit() { this.options = { swap: false, …
Vidit Sood
  • 11
  • 1
0
votes
0 answers

How to get all angular-gridster 2 items and their positions?

I want to know how to retrieve all items rendered in the grid, specially their positions. I fail to see in the documentation how I can achieve this. It seems there are multiple callbacks to react to certain events (drop, resize, etc...) but some are…
JulioDeL
  • 41
  • 4
0
votes
0 answers

I want the user to be able to print the all items even in case of scroll

Does anyone have any suggestion regarding how the printing should be done? I am using the gridster2 in my application as a custom-made dashboard, and I want the user to be able to print the all items even in case of scroll.
Yash Patidar
  • 1
0
votes
0 answers

Gridster2 - Angular 11 Gridster items order gets changed when I resize another gridster item from side

I am facing an issue in Gridster2 library for Angular. Situation: In my Angular application, Gridster has 2 columns. First column has 2 Gridster items where first gridster item name is 'First Item' and second gridster item name is 'Second Item'. Now…
Krishnanunni M Raj
  • 1
  • 1
0
votes
1 answer

How to restrict DisplayGrid.Always to show only maxCols and maxRows

I want to restrict the grid lines to appear only till max number of rows and columns that I specified in configuration (12*12), however I could see more gridline than the specified layout, it's confusing to the user. Here is the…
Kuntady Yathish
  • 49
  • 2
  • 10
0
votes
1 answer

Angular Gridster2: How do I trigger a function in item after resize?

I would like to trigger a function in my widget component after the GridsterItem is resized. How do I do that? I know that Gridster2 has event callback after resized is finished, but how do I use that to trigger something on my widget component? In…
Farid
  • 872
  • 1
  • 13
  • 30
0
votes
1 answer

Angular Gridster2 how to export all items to a PDF?

We have a dashboard in angular application which is made in gridster2. It contains several widgets, we wants that all the widgets should get exported to a pdf in A4 size. what libraries can help us do that thing. We have tried convas2html which is…
user3310437
  • 31
  • 2
0
votes
1 answer

Element implicitly has an 'any' type because expression of type 'any' can't be used to index type any one can tell me

hello im doing dynamic component to gridster2 and i have a problem in "components[this.componentRef];" is show me this error:Element implicitly has an 'any' type because expression of type 'any' can't be used to index type '{ example1: typeof…
jean michel tawk
  • 1
0
votes
1 answer

How to fix the cellclickable in angular using gridster2

VERSION: ^9.3.3 HTML
ABC
  • 752
  • 4
  • 17
  • 40
0
votes
1 answer

Using Gridster in Multiple Tab?

I want to create multiple dashboards using using angular-gridster2 in angular 8. I have multiple tabs having gridster in each Tab. I am facing these issues for multiple tabs. lets say that tab1 gridster has 3 items & tab2 gridster has 2 item and i…
Muhammad Naeem Akhtar
  • 172
  • 1
  • 3
  • 16
0
votes
1 answer

Gridster Portrait relayout

I'm using angular-gridster2 to display a grid, I'd like it to shrink the number of columns and attempt a best fit relayout when the user rotates screen. I can update maxCols and reduce the size of widgets but it doesn't seem to respond, is this not…
Davvvy
  • 1
0
votes
1 answer

Angular Gridster-2 Redraggable and Resize

I am new to angular gridster 2 Could you please let me know if we are able to display the already developed charts using angular gridster 2 , I am also looking to see the same approach . As my UI has 5 different div blocks and inside there is a…
mxv
  • 1
  • 1
  • 4
0
votes
0 answers

angular-gridster2: resize not resizing inner child

I am using angular 8, Highcharts and angular-gridster2 to drag-select-resize grid. When I am resizing a widget, the child components (in my case Highcharts chart) does not resize until after the user resizes the screen (browser window). I added…
Kedar H
  • 41
  • 2
  • 9
0
votes
0 answers

Grid item option to dynamically calculate and apply height of the item

I've been working with Angular Gridster in the last two days to help create a "site builder" tool. One of the requirements of the site builder tool include allowing components in the workspace area to be moved around freely. I have managed to meet…
methuselah
  • 12,766
  • 47
  • 165
  • 315
0
votes
1 answer

Fix gridster container

I'm using angular-gridster2 in my angular 6 application. When ever I drag a grid, it is going beyond the container. I want to restrict the grid in moving out of my container. I have tried giving gridType: 'fit'. but it is not working.
Bala Arunjunai
  • 3
  • 2
1 2
3
4