Category "angular-material"

how to disable angular material typography styles?

how to disable angular material typography styles after installed angular materials? It is changing my visual style and it is not easy to overwrite. I dont need

Angular Material 13 - How to change the color of a border of a mat-form-field

How to change the color of a border of a mat-form-field ? (The border when the field is selected) thx ^^ screen .search { display: flex; justify-content: ce

Use Angular Material mat-icon with custom svg icon in angular standalone library

I'm creating this angular library for a project, and inside it, i'm utilizing @angular/material mat-icon component. There is some custom svg files included as a

agm-marker-cluster does not show markers after zoom

I have this section for clustering markers on a map with a custom cluster image: <agm-marker-cluster *ngFor="let item of clusters | keyvalue" imagePat

Angular 13 - material table new row, delete row update table

I am using Angular 13 material-table. I am able to successfully send a request to an api server. I'm sending a successful post request using modal-dialog and re

Angular Material intellisense doesn't work in VSCode

I'm working on an Angular (v13) project and I installed Angular Material using this command ng add @angular/material I can see the package in the node_modules,

What is the benefit of using the Angular Material BreakpointObserver API over a simple Media Query?

I've been experimenting with Angular Material and found myself questioning the benefit of using the built in BreakpointObserver API over a simple media query? O

Update Angular paginator after filtering?

I have a custom datasource in Angular where I have implemented sorting, paging and filtering. All of them works fine but when I go to filter the data in the tab

Focus a specific mat-option item when mat-select dialog is opened?

I want to focus to an option(scroll to an option) automatically when mat-select is opened. I thought that with a little bit of search this will be solved easily

Angular Material Datepicker Popup positioned wrong

First of all, this material datepicker is based on: https://stackblitz.com/angular/qmnrlgabjly?file=src%2Fapp%2Fdatepicker-views-selection-example.ts I have cop

owl-carousel-o is showing item vertically

i'm using Angular and i want to show items in normal way (using owl-carousel-o) , but that's how they're shown in the Link that's the app.component.ts code

Material table cells with specific width according to predefined length

I will show my code first. <ng-container matColumnDef="position"> <th mat-header-cell *matHeaderCellDef> No. </th> <td mat-cell *matC

Why does mat-tree toggle throws error when used to create story file?

I have created a tree component using mat-tree in a storybook module, and when I use it inside a component it works just fine. The problem is when I use it to c

Angular error NG6002: Appears in the NgModule.imports of AppModule, but could not be resolved to an NgModule class

ERROR in node_modules/@angular/material/dialog/dialog.d.ts:142:22 - error NG6002: Appears in the NgModule.imports of AppModule, but could not be resolved to an

Material Icon showing as the name when site first loads

There is an issue with Angular 7 and materials icon where the name of the icon shows when the site is initially loading. Is there a way to prevent this

MatTabGroup is not reliably showing pagination buttons

I am having an issue with the Angular Material Tabs component. I am trying to use the MatTabGroup with a handful of tabs in it. The problem is, when my componen

Changing starting position of mat-slider

I am working on mat-slider. I want to place thumb in middle and start sliding left and right. My code is as follows https://stackblitz.com/edit/angular-9unenq-u

Angular Material Table pagination not working, listing all rows even though the paginator is shown

I am trying to paginate an angular material table. The table at present is having dummy static data , in future once the backend api is ready it will be called

Angular Material Table filtering not refreshing

I have an Angular Material table... <div class="card"> <div class="card-header"> <b>{{ pageTitle }}</b> </div> <div

How to pick variation of Material color for styling an Angular Component

Is there a way to define which palette variation will be used when setting the color to accent(or primary)? For example I wish to set the background-color for