All Questions
30
questions
1
vote
1
answer
41
views
Angular Drag & Drop with nested section and subsection
I am trying to implement a drag-and-drop feature in my Angular 14 Application where I have nested sections and subsections. I want to move each section up or down and subsections will be moved between ...
- 147
1
vote
0
answers
39
views
Implement drag and drop functionality in recursive components
I'm trying to implement drag and drop functionality between two JSONs to map the keys of one JSON to another. I created the JsonViewerComponent that accepts JSON data as input and displays it using ...
- 11
1
vote
1
answer
51
views
cdkDragPlaceholder not working for horizontal Drag and Drop
I'm working on a website which involves horizontal drag and drop of elements.
I'm able to do horizontal drag and drop. But i need the user to identify where he actually dropping the elements. For that ...
- 1,179
0
votes
0
answers
78
views
ngx-datatable with Draggable Rows
I am trying to implement the drag and drop functionality for but it doesnt work. The structure of my code is as below:
<ngx-datatable class="material" [columnMode]="ColumnMode....
- 1
0
votes
0
answers
64
views
Different level drag and drop with ng2-dragula
I am using ng2 dragula in my angular app. Nested drag and drop is available in my case as follows.
-a
--b
--e
---k
--f
-c
--g
--h
---i
--j
-d
Here we have parent, child ...
- 109
1
vote
1
answer
357
views
Angular 17: select correct ElementRef of children component on mouseover event
I am constructing draggable and resizable elements in a circumscribed area.
When I hover these elements I dynamically apply sensitive dots (red squares) over them so that I can also perform resizing.
...
- 73
0
votes
0
answers
18
views
Angular drag and drop - hiding droppables causes the index to malfunction
I have a 2-dimensional dashboard of widgets on a 3x3 grid. I allow customization of the dashboard. The customization works in such fashion, that the widgets that are removed from the dashboard are ...
- 1,288
0
votes
0
answers
19
views
Drag item into list no draggable angular mat-list
I have two lists, one with cdkDrag and the second list without cdkDrag. I want to drag item from list1 to list2(no draggable) and when the item dragged is dropped over an item of the list1 I want to ...
- 15
0
votes
1
answer
2k
views
Angular material drop event returns wrong index of dragged item and moves wrong item
Good afternoon,
I'm trying to setup two lists of chips which are draggable between two lists. The two variables availableActivationCountries and availableGroupCountries are filled by filtering another ...
- 565
1
vote
1
answer
711
views
angular13: drag and drop not working on grid
I have a web page of a card game, I implement fxLayout.xs and the list of cards is seen in grids, but the drag on drop does not work correctly.
html hand component
<div class="mano">
...
- 11
3
votes
0
answers
207
views
Angular router outlet cutting draggable UI
I'm trying to create a drag and drop folder like behavior for an angular/ionic project. In the background it works perfectly fine but visually the drag element gets cut off when it is not fully ...
- 2,080
5
votes
1
answer
2k
views
Angular material drag and drop for multi level nested data
I have few columns and each column have few small sections which have some fields in it.
I need to apply angular material drag and drop to this, so then,
I should be able to move the Groups within ...
- 73
2
votes
1
answer
788
views
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 ...
- 119
1
vote
0
answers
958
views
How to implement a DragOver Function in Angular CDK?
I have already tried different packages. Unfortunately I can't even make my element draggable with most of them.
With CDK the draggable works fine. But I want to trigger an action as soon as I drag ...
- 11
2
votes
0
answers
404
views
cdkDrag sometimes grabs uderlying link element
I have the cdkList as a parent component and it has a child where the elements are wrapped in a tag. My issue is that sometimes when I drag the element the underlying link will be grabbed instead of ...
- 486