Category "angular-material"

How to add pagination in angular material table that bind to API response

I'm new to angular. In my project shown list of products and its work correctly. My HTML code is below : <table mat-table [dataSource]="list_product" style="

Angular Material: How close overlay's backdrop also on right click?

How close the overlay's backdrop (opened by MatMenu or MatDialog) also on right click globally (without matMenu/matDialog reference)?

Angular drag and drop: Items should not remove from container after drag and dropped

I am using Angular drag and drop CDK: I am able to drag and drop items from one container to another and vice versa. Now, I am trying to not to remove a droppe

Error: Cannot resolve type entity i10.BidiModule to symbol while building angular Lib project Angular 13

I am facing Error: Cannot resolve type entity i10.BidiModule to symbol while building angular Lib project. There are 2 other lib projects which are building fin

Angular material table sticky headers not working as expected

I forked the example on angular material table with sticky header and I added more data. I see that the headers are not sticky. Stackblitz here Anyone knows ho

Angular MatPaginator doesn`t get initialized

I have 2 components. Both have mat-table and paginators and pagination is working for one component and not working for the other component though the code is s

MediaObserver vs BreakpointObserver - what are the differences?

After doing some searching, I came to realize that I'm supposed to use the Flex-Layout library to make Material-themed UI responsive (as answered here). And acc

RangeError: locale must contain localize property when using Angular material date picker with date fns

I have the following configuration on the app-module.ts import { ReactiveFormsModule } from '@angular/forms'; import { DateFnsAdapter, MatDateFnsModule } from '

Angular Material datepicker does not return value when action button is in use

The problem is that when clicking today-button, it is working, but when changing the date in datepicker, nothing happens and this seems to be because action but

Get the value from the mat-input in angular material

As im new to the angular. I just want to get the value from the mat-input I need to get the value from the angular mat-input. Can someone help me to do this. Th

I am new to angular. I just installed angular material and angular animations in my small project and got some of the errors

I just ran the code npm install --save @angular/material @angular/animations. Its my package.json { "name": "cerpnew", "version": "0.0.0", "license": "M

Angular 2 change sidenav content depending on the current router state

I am developing single page application in Angular 2. I am using angular material mat-sidenav and mat-toolbar. Toolbar has sidenav toggle button, buttons to ope

How to use picture element in angular Material cards

How can I combine the picture element with the Angular Material card? In Angular Material cards https://material.angular.io/components/card/examples you can us

Angular: cdkVirtualFor not rendering new items

I'm building a vertically scrolling calendar. I'm getting the initial days to load, but when new days are added to the list, they aren't being rendered. <c

Angular Material card shadow colour

Is there any way to change the colour of the shadow which is dark under the card? If any solution please let me know or any other workaround is appreciated!

Changing tabs in Angular Material using Cypress

I have an Angular Material tab group on my page. I have to test changing of tabs using Cypress. When the page loads the user is on the Basic Information tab, I

material angular select all checkbox

I'm trying to implement select all checkbox on angular material. When user click on specifc checkbox (item), master checkbox should show Indeterminate and turn

Responsive Typography in Angular Material

Trying to figure out how to set font size of mat-tab-label based on screen size (below 400px). I tried putting custom configs in different media queries like t

Angular Material MatFormField appearance="fill" theming questions

I have a question dealing with Angular Material theming, specifically the MatFormField directive. Probably around Material v6, I found that the matFormField dir

Conditionally applying css to mat form field

I am working on an angular application and I am using mat form fields in it. For changing color of botttom border of mat form field I am using mat-form-field-ri