Category "angular-material"

Is it possible to make mat-grid-list direction to be right to left?

I am using mat-grid-list of Material in an Angular project. I would like that the mat-grid-tile items direction will be in right to left order (By default the o

Why My custom colors are not working in my Angular material theme?

I trying to add more color to my angular material theme, I've added the success color in my style.scss by the map.deep-merge fucntion // Custom Theming for Angu

Angular MatStepper fails to recognize cached values from two str arrays (but successfully recognizes values from another str array)

I have a MatStepper that's used to navigate to the next page of a signup flow. I also have a method that loads values from a cache if it's available, and if so

Angular material form field input - green border when input is valid

I am trying to change the border of a mat-form-field to green when the input is valid without overriding CSS classes and I was sure I am missing an easy trick.

How to disable typing but allow copy and paste in a text box in Angular 8?

I want to restrict typing in a text box but I need to paste anything inside that textbox in Angular

Store Object with Angular Autocomplete, not only Value in Input

Working on Angular, I created an Input with mat-autocomplete and mat-option (data comes from an Object Array, using NgFor). Properties of Object are ID, name an

mat-select is not level A compliant according to AInspector WCAG

I'm using Angular material in my website and trying to make it WCAG level A compliant. Doing some checks with the AInspector (extension for Firefox) seems the m

How to store hue from primary color pallete in global variables in angular material?

I am extracting 500 hue from primary pallete and I want to store that hue in global scss variable so that I can use it anywhere. But it is not working. My code:

How to close parent dialog depending on selected answer in confirm child dialog in Angular?

I'm trying to close a parent mat-dialog depending on the answer to a child confirm mat-dialog in Angular. The child confirm dialog says "You have unsaved chang

Angular 12 FormGroup dynamically Array checkboxes custom validator does not work

I am creating an Angular 12 app, with Material. I have a form with an checkbox array loaded dynamically from database. I need to validate that at least one chec

How to add branch lines to angular material table?

I am working on a UI (using Angular 10), where I have to show hierarchical structure inside a mat table. The HTML code is using mat table to show the data, and

mat-datepicker change date format not working

I am using the providers in my module to change the format of the datepicker in FiltriRecuperoComponent see code below export const MY_FORMATS = { parse: {

mat-icon text is showing in dropdown and icons in Angular

I tried using mat-icon in Angular in dropdown. But the text is shown first and after clicking dropdown it is showing the icons. I already tried importing in ind

How to display a value in mat-select without being inside mat-option?

In my case I'm using a formcontrolName with the mat-select. I would like to display a value on the mat-select, but not inside the dropdown list of options : <

how i can make smaller the checkmark of Angular Material Checkbox?

I have been two days searching if there's any way to change the checkmark size, I have read others post, about how to change the checkmark color https://stackov

Error : Module '"@angular/material"' has no exported member "..."

i create a custom Angular material module, material.module.ts file and import the following Angular material UI components in this file like given below. import

Expand & collapse angular material table with a button

I'm having a problem with angular material table, I want each row to be expanded with a button (details button as shown in picture), but it getting expanded at

Angular StackBlitz error: [NoSuchMethodError: method not found: 'write$1' on null]

I am trying to setup a Stackblitz project with Angular Material theming, following the official guide for Angular Material 11 theming. I created a sass file for

Extend angular-material buttons with loading animations

I'm trying to create a generic solution in Angular 12 for disabling (and displaying a spinner) when a button is clicked, until the API responses. In order to ac

How to execute subscribe firstly before another subscribe angular 8?

I work on angular 8 i have two subscribe i need to execute first subscribe and after finish execute second subscribe . but i don't know how to execute subscribe