Angular 6+ implementation of angular-gridster
Angular 6+ implementation of angular-gridster
Questions tagged [angular-gridster2]
50 questions
6
votes
0 answers
How to force add item using gridster 2
I have the following grid =>
dashboard: Array = [
{cols: 4, rows: 10, y: 0, x: 1, type: NavigationMiniMapComponent, inputs: { synchGroupId : this.synchGroupId}, name: 'MINIMAP_NAME', id: 'waypoint'},
{cols: 4, rows:…
Bobby
- 4,372
- 8
- 47
- 103
6
votes
1 answer
Angular dynamic component creation NOT working when PRODUCTION
I am having problem with dynamic component rendering with 'ViewContainerRef' in a gridster item.
I have implemented a component which takes component reference, inputs and outputs as input and creates this given component inside itself.
ex:…
oktykrk
- 111
- 1
- 11
4
votes
3 answers
angular-gridster2 grid size
I am currently working on the integration of angular-gridster2. The goal is to get a grid with a fixed row height, fixed column count and the size should be calculated. This is my current GridsterConfig:
{
setGridSize: true,
margin: 5,
…
alc
- 97
- 1
- 1
- 6
3
votes
1 answer
Angular-gridster2, the first added element takes all grid space until refreshing the page
I try to use the Angular-gridster2 and I have a problem - when I add the most first element to the grid - this element takes all space of the grid. How it looks in the Elements in the browser.
Anna Do
- 123
- 7
2
votes
2 answers
angular-gridster2.mjs , Error: export 'debounceTime' (imported as 'debounceTime') was not found in 'rxjs'
I have upgraded my angular version from 12 to 14.
After that I have received many error which I resolved but in the end I for the following error I'm not sure what I should do. The angular-gridster2.mjs is one of the packages that has installed and…
Shide
- 25
- 4
2
votes
2 answers
How to change the gridster2 options value when clicking the button in angular
here's the code & output: https://stackblitz.com/edit/d3-angular-gridster2-working-axhc7u?file=src%2Fapp%2Fgrid%2Fgrid.component.html
GRID-HTML
…
ABC
- 752
- 4
- 17
- 40
2
votes
1 answer
Component is not refreshing after model update using Angular Gridster2
Using Angular 7 and Gridster2.
I have a dashboard which contains multiple widgets. Each widget is separate angular component within gridster item.
I have to update a widget data when i click in another widget.
My Problem is the model is getting…
Jack Sparrow
- 21
- 6
2
votes
3 answers
How to set textarea in Gridster editablely
I have used Gridster 2 to create Widget in my angular application.
but I have now a problem, in a widget there is a text area input field, but this input field can not be editable, because the whole widget is draggable.
I have try to use z-index,…
user1938143
- 1,022
- 2
- 22
- 46
2
votes
1 answer
How to save gridster-item in Database on Resize / Change in a static function?
After doing some resize/drag actions on my dashboard, I want to save the updated size and position of my changed widget in my MongoDB database.
Luckily the gridster library has the posibility to react to dragable and resize Events. But unfortunately…
JanniH
- 63
- 1
- 5
2
votes
0 answers
How to do a "compact push"
e.g. in this demo https://tiberiuzuld.github.io/angular-gridster2/push
When I move item 2 to the top, 1 and 3 are moved down and an empty row (4) is added:
I could not find a way to get rid of this empty row: i.e. I'd like to get this result after…
TmTron
- 17,012
- 10
- 94
- 142
2
votes
1 answer
Wrong coordinates of HTML elements obtained in components
I've added a custom tooltip to an SVG chart within gridster item (all examples are provided on stackblitz). Tooltip (div) coordinates are obtained using nativeElement and set using the Renderer2 (trivial example - tooltip div is offset by 20px).…
Gitnik
- 564
- 7
- 26
2
votes
0 answers
Dynamically inject component on dynamically added elements in Angular2 and Gridster2
I'm using the angular-gridster2 library to add items to a page. I want to load content in those items being added. The elements are placed via an ngFor and added/removed via a service. I've looked at ComponentFactoryResolver and componentRef for…
dcp3450
- 10,959
- 23
- 58
- 110
2
votes
3 answers
angular gridster 2 resize a widget using a button
i have the gridster item as below and using https://github.com/tiberiuzuld/angular-gridster2
Vik
- 8,721
- 27
- 83
- 168
1
vote
1 answer
How to load gridster with Chart.js dynamically on clicking a button?
I want to make a dynamic dashboard to display information with the ability to select a charts to represent it.
In my project, I connected the angular-gridster2 package to work with a dynamic grid https://www.npmjs.com/package/angular-gridster2.
I…
Alex
- 409
- 3
- 18
1
vote
1 answer
Is there a way to set a boundary for dragging element only inside gridster?
Is there a way to set boundaries on the Gridster? Right now I have a behavior, that the gridster item moves halfway out of the grid. I would like that there is a boundary, and drag stops/doesn't allow to drag it more, immediately when you hit the…
Emilija
- 89
- 7