All Questions
271 questions
0
votes
1
answer
26
views
Angular Material drag and drop cdk, trigger function on dropping item on another item
I have a reuseable "folder-component", I need to be able to drag that folder-component on another one and trigger a function. Is it possible with material drag & drop cdk? because so far ...
1
vote
1
answer
57
views
Angular CDK Drag & Drop issues with RTL
Description:
When in RTL mode, and try to drag a element from a list, the element is offset to the right with the length of the screen width.
Please see the link where everything explained with video:
...
2
votes
0
answers
44
views
Angular CDK Drag Drop stacked DropList cannot drop back to origin DropList
I'm working on the idea of 2 dimensional drag and drop.
https://stackblitz.com/edit/stackblitz-starters-ulwfebcp?file=src%2Fapp%2Fapp.component.html
Currently, I'm trying out stacked droplists (one ...
1
vote
1
answer
58
views
What version of typescript should we use when updating to angular v17.3, but leaving @angular/material on v16.2
We have a big web-app that uses a lot of angular/material components. When updating angular to v17.3 everything works fine. But because we use a lot of legacy components we want to leave @angular/...
0
votes
1
answer
155
views
How to show seconds for Angular Material Timepicker
I'm using Angular Material Timepicker but it only shows hours and minutes. I would like to display seconds as well.
https://material.angular.io/components/timepicker/overview
Is it possible?
0
votes
1
answer
126
views
Angular mat table with dynamic multi header row
I want to create following table with help of angular mat table.
It consists of 2 header rows with dynamic values.
Example on mat-table -
Here, its top row static - https://v15.material.angular.io/...
1
vote
1
answer
170
views
MatDialog drag and drop with newest angular version
I like to implement DragAndDrop in my MatDialog.
For older Versions of Angular, like Angular 7, there is a solution, but for Angular 17 for Example, this solution doesn't work the same.
For Angular 7 ...
0
votes
1
answer
67
views
Disable drag and drop for table rows based on condition [duplicate]
Code below can drag and drop table rows and re-order table rows by dragging and dropping.
However I want to disable drag and drop certain rows when item.disable is true and not sure how to do it. How ...
0
votes
1
answer
594
views
CDK Virtual Scrolling Issue with maxBufferPx not displaying full list
I'm implementing CDK Virtual Scrolling for a large list, and while scrolling works smoothly with just minBufferPx, I'm having issues when adding maxBufferPx. Without it, I get this console error:
...
1
vote
2
answers
259
views
How to open a particular menu programmatically if more than one menu element - angular cdk menu
How to open a particular menu programmatically if more than one menu element - angular cdk menu
As given below code for menu 1 and menu 2, I need to create @ViewChild(CdkMenuTrigger) trigger: ...
1
vote
1
answer
425
views
Menu closed on click any menu item but requirement is, if clicked on item menu should open
Refs: https://material.angular.io/cdk/menu/examples
Angular cdk menu closed on click any menu item but requirement is, if clicked on item menu should open and should close on clicked outside the menu ...
1
vote
1
answer
43
views
Make a list of CdkDrag Angular element that don't move when a previous element is closed
Problem :
I have an undefined list of popup windows (user can open as much as needed). Those windows can be moved on the app as CdkDrag element. Problem if we close one of the window, the following ...
1
vote
1
answer
238
views
CDK ComponentPortal how to remove Component from view
I'm new to CDK overlays/portals. I have created a component based on the example code from CDK docs. I have removed the example code for both templatePortal and domPortal, in order to concentrate on ...
1
vote
0
answers
194
views
Use virtual scroll in Angular CDK table
I use Angular CDK table(ver. 15) to build a large table.
I want to improve the preformance by using cdk-virtual-scroll-viewport.
how can i combain the *cdkRowDef of CDK table with *cdkVirtualFor of ...
1
vote
1
answer
97
views
CdkMenu submenus not aligned
I am working on a menubar using the @angular/cdk menu component.
You can find here a repro from stackblitz.
Currently the menubar works fine but there is a detail that is bothering me. Is it normal ...