Angular 6+ implementation of angular-gridster
Angular 6+ implementation of angular-gridster
Questions tagged [angular-gridster2]
50 questions
1
vote
1 answer
Can I get index of items in gridster2 after dragging
I just want a index of items of get both source and target items :
1.drageed item
2.on which item it is dropped
is there any way to getting index.
I tried itemChangeCallback - it gives me 2 times which are exchange with each other but it doesn't…
jayanti khutwad
- 17
- 5
1
vote
2 answers
Order gridster items from left to right in angular-gridster2 after mobile breakpoint
I had implemented angular-gridster2 to hold several widgets. They all work fine and are in place when displayed in the browser. But when the same view is used in mobile view, they are stacked one upon another with only one single column which is…
Atul Stha
- 1,404
- 8
- 23
- 46
1
vote
2 answers
How to fix the angular gridster appending data
here's the code:
app.component.html
ABC
- 752
- 4
- 17
- 40
1
vote
2 answers
Gridster2 grid not resizing items when toggling material sidebar
I have a grid using Gridster2 navigating from an item of a material sidebar. Sidebar is openned, but, whenever I toggle the sidebar (hide it) gridster is not resizing items until I force a refresh. Is there any way to have it "auto" refresh?
To…
Esteban Chornet
- 928
- 3
- 14
- 38
1
vote
0 answers
unable to make component respect widget size
I have added a component to a Gridster2 widget. When I make the widget shorter in height, the component container does not respect the size of the widget, i.e. the component container does not reduce in size when the widget is reduced in size.
I am…
Ana_30
- 365
- 5
- 19
1
vote
5 answers
How to change columns number when resizing browser window?
I am creating board with rectangular cards and I'm using angular-gridster2 library.
I`m using VerticalFixed grid type and defaoult it have three colums. Is it posible to set a breakpoint and set two columns for some browser width?
Bartosz Stępak
- 63
- 1
- 8
1
vote
1 answer
Resizing issue with mat-side-nav and gridster2
When I toggle the Side-Nav, I wait for the response and then call gridster.resize():
sideNavToggle() {
this.sideNav.toggle().then(() => {
this.gridster.resize();
});
}
Here is a full stack-blitz example.
Make sure to make the…
TmTron
- 17,012
- 10
- 94
- 142
1
vote
2 answers
Angular ngFor not displaying changed array
in my application I have a Dashboard where the user can add and delete widgets. To do so I am using angular-gridster2. This works well, but when I am adding or deleting a widget from the dashboard first no widgets are displayed anymore and then only…
Chinaedu Onwukwe
- 437
- 1
- 7
- 20
1
vote
1 answer
angular-gridster2 Fit grid size with scrollable content of grid items
Below is link to simple github demo.
I'm trying to create a gridster app. Gridster will fit itself in screen. Gridster item will consists of some scrollable part (like not-scrollable header + scrollable content).
Ideally I would like the scrollable…
George Knap
- 843
- 9
- 30
0
votes
0 answers
React Grid Layout with Grid Lines
I want grid lines of min height and min width of cell like angular gridster(https://tiberiuzuld.github.io/angular-gridster2/) in React Grid Layout(https://www.npmjs.com/package/react-grid-layout).
I didn't find any example or help from…
Shubham Arora
- 33
- 4
0
votes
0 answers
How to keep a Fixed grid responsive?
I need that, according to the increase, decrease of zoom in the user's browser or any act that generates an action of changing the size of the grid, my gridster-items follow the same.
What Happens Today?
Today, as I set a number of maxItemCols and…
THIAGO DE BONIS
- 760
- 7
- 22
0
votes
0 answers
Selected GridsterItem not display when removing/hide/filtered all other element from GridsterItem array
Thanks in an advance!
Issue : Always display 0 index element panel layout, even user maximized 1 or 2 or 3 index element.
Functionality: only maximize selected panel layout(from below image 1), rest of the layout will be…
Jeet Bhatt
- 744
- 1
- 7
- 22
0
votes
2 answers
Canvas is already in use. Chart with ID '0' must be destroyed before the canvas with ID 'idpService' can be reused
I have three charts to display for three different services. SO creating array of charts and pushing each newly created chart.
Here is my code.
import Chart from 'chart.js;
public charts: any;
canvas: any;
ctx: any;
…
xoxo
- 1,248
- 14
- 19
0
votes
0 answers
Angular Gridster2 move items programmatically without re-rendering the entire grid
I am using angular-gridster2 package to display a dashboard, I show a button on every card, on click of which the card should move to the top and all other cards should move down to give space for that card. But I am unable to do that without…
Ashwin N
- 1
0
votes
1 answer
Custom grid layout with Angular Gridster 2
I would like to make the grid layout in an Angular project. The layout should look like this:
Here is my code so far:
…
Macy Narancs
- 91
- 1
- 9