How can i update dateClass manually in a function? datepicker HTML <mat-datepicker [dateClass]="dateClass" #picker fxLayoutAlign="start start"
I have the following code: <form [formGroup]="meetingFormGroup"> <!-- Date Input --> <mat-form-field>
How can I select a specific tab when an event occurs? I tried with [selectedIndex]="selectedTab" changing the selectedTab to the tab index needed but it doesn
This question is in reference to this Github issue, with mat-menu which can't be toggled using mouse hover, I am basically trying to replace a bootstrap based h
I have a list of items (students) in a mat-list component on the left side of my screen (general list). I also have a list of class-room Components on the right
How to use input type file in angular material Hi, I am using angular material for designing. when i go on angular material site there no input type file eleme
I tried to upload the Textfile into Textarea and edit it, but whenever I type and then upload it. Textarea will not update the contents of the files from the t
So I'm playing around with Angular a bit and I wanted to add material snackbar to my app for when there's an error in my app. So, I have my hompage and my nav
I'm starting a new project with Angular 13 and Angular Material. I want to use a Backdrop element like it is defined in Material Design (Mater
I'm using angular 6 and I have a button which opens a dialog. in my dialog, I have a form that gets user's data and then I have two buttons to submit and cancel
I want to customize a <cdk-virtual-scroll-viewport> by using the CSS class .cdk-virtual-scroll-content-wrapper so that the scroll container always shows a
How can I filter the material data table with specific column ? public dataSource; this.dataSource = new MatTableDataSource(this.items); this.dataSo
I'm trying to add the sorting feature for the mat-table with angular material. I had got the hand cursor over my columns, When I clicked I'm unable to see it's
I am using Angular (4) + Angular Material and Reactive Forms for my Form Field. How can I disable that? I tried to google for things like disabled="true" or som
I want to use mat-grid-list to create a grid list layout in which each mat-grid-tile contains a mat-card that fills the entire tile regardless of the card's con
How to style mat-select's panel component. From the docs I get that I need to provide panelClass so I make it like this: <mat-form-field> <mat-sele
am trying to hide the scrollbar from the side while keeping the ability to scroll StackBlitz Demo: https://stackblitz.com/edit/github-443roq
I have a little issue with Angular Material Menu module. I have this code in my app.module.ts: import { SharedModule } from './shared/shared.module'; @NgModu
So I'm using Cypress for testing our Angular application, but for some reason I always have an issue with closing mat-select components which are multiselect. H
I'm trying to provide scrolling while dragging a cdkDropList item. As of right now the page can't scroll without using the mousewheel to scroll. I was hoping to