I would like to implement a progress bar which increases progressively as a variable increases. I've tried it 3 ways, none of them work as I wrote it. Using CSS
I made a regular HTML table in angular, whose data comes from API. I want to add mat-paginator in it. This is my code: <table class="table" style="text-align
In my Angular 7 app I have two sibling componentns... configurator component and custom stepper component. In configurator component I have some functions that
I'm using Angular Material components in my web application. But the thing is everything is working fine but The components are not displaying as they should be
Material paginator does not show page info. In official documentation, there is page info: 'Page 1 of 20' but when I run their own code locally, or in Stackblit
I am facing issue with Angular Material where the opened panels of a mat-select wouldn't close in host app. Host and remote app both are using Angular 12 and an
I'm creating Angular Material dialog popup but instead of popupping the component shows in the bottom. Component.ts constructor(public dialog: MatDialog) { } o
I'm working with Angular Material Drag and Drop. Material DnD is designed to create some components on the fly during the drag sequence. For instance the visual
In my case i have several controls with mat-autocomplete with mat-options. in which the same form is handled for new entry creation and edit an existing entry d
I have a table fulfilled with ngFor directive. Each line has a title, a badge (Material badge) and a button. I would like to change matBadge value when I click
I'm currently creating a project with Angular 13, the Ionic CLI, and Angular Material. I have no problem adding @angular/material when I don't use Ionic, but us
I use angular material mat-form-field and matInput. But input has this outline . How can i remove it? <mat-form-field appearance="outline" class="form__item
I'm trying to create a table which will display some info. The columns will be dynamically changing according to the selected date range. I'm using Date range p
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
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
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
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.
I want to restrict typing in a text box but I need to paste anything inside that textbox in Angular
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
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