Category "angular-material"

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

How to change horizontal size of Angular Material datepicker?

This is the datepicker that I want to set my custom horizontal size: https://material.angularjs.org/1.0.5/demo/datepicker

How to use scrollStrategy in MatDialog?

I tried to make a scroll for a dialog in reposition strategy, but it doesn't work for me. const scrollStrategy = this.overlay.scrollStrategies.reposition(); co

How to use scrollStrategy in MatDialog?

I tried to make a scroll for a dialog in reposition strategy, but it doesn't work for me. const scrollStrategy = this.overlay.scrollStrategies.reposition(); co

Material Angular - doesn't work properly

https://material.angular.io/guide/getting-started ng new testapp cd testapp npm install --save @angular/material @angular/cdk npm install --save @angular/anima

How To Access Angular Material Colors In Components?

In angular material, we can pass colors to angular material components as attribute, for example <button mat-raised-button color="primary">Example</bu

ERROR TypeError: Cannot read property 'slice' of undefined---Typescript

how are you? I have one problem 'slice' of undefined in my project. I use autocomplete material https://material.angular.io/components/autocomplete/examples M

angular material filter button always on the bottom right corner

I want to implement a filter button on a result page like this one: Is there any angular directive that implement this. Like for example the snack bar that i

angular 7: Server Side Pagination Using Angular Material

I am using Angular 7 and Angular Material as server-side pagination. I got problem with this matter. The problem is the pagination become like this. I want t

Is it possible to make an md-button smaller?

I want my buttons showing left- and right arrow and NOW text to be as small as possible. How do I do that? <div ng-controller="DateCtrl" layout="row" flex&g

Angular: Google Material Icons not rendering

In Angular project Google material icons are working fine in chrome but not rendering in chrome incognito mode and firefox . In index.html below lines are used

Convert a mat-datepicker into a String

I'm trying to have a reactive form in which there is some dates that are entered by the user using mat-datepicker. The problem I face is that the output of the

Angular Material Datepicker DateClass

How can i update dateClass manually in a function? datepicker HTML <mat-datepicker [dateClass]="dateClass" #picker fxLayoutAlign="start start"

How to validate Angular Material Datepicker?

I have the following code: <form [formGroup]="meetingFormGroup"> <!-- Date Input --> <mat-form-field>

Programmatically select mat-tab in Angular 2 material using mat-tab-group

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

How to open and close Angular mat menu on hover

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