Category "angular-material"

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

How to use Angular 7 cdkDropList between components?

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

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

angular material .textarea don't update follow variable

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

Angular material: snackbar is hidden behind component with high z-index

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

Create backdrop of Material Design for Angular [closed]

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