Questions tagged [angular-material]
Angular Material is an implementation of Material Design in Angular. Do not use this tag for AngularJS Material, the implementation of Material Design for the older AngularJS framework.
angular-material
19,883
questions
1
vote
0
answers
16
views
Unable to translate month name after upgrading to angular 18
I recently upgraded my web app to Angular 18 from 15. In that, I have one date-picker from which user can choose month name, but after upgrading it to latest version, It's unable to translate month ...
- 43
0
votes
1
answer
20
views
I am trying to upgrade angular version from 16 to 17 but it throws below error when i do npm start. Can someone tell what to do?
./src/main.ts - Error: Module build failed (from ./node_modules/@ngtools/webpack/src/ivy/index.js):
Error: Cannot resolve type entity i11.MatLegacySelectModule to symbol
./src/polyfills.ts - Error: ...
1
vote
2
answers
43
views
How to Add Secondary and Success Colors to a Custom Material Theme?
I'm working with Angular 17 and have successfully created a custom Material theme with primary, accent, and warning colors. However, I would like to add additional colors such as secondary and success ...
- 515
0
votes
0
answers
14
views
How to make two overlapping mat-sliders moveable?
I want to have two overlapping mat-sliders, but when I set it in below way,I'm able to move only second one...
<h1>EXAMPLE</h1>
<div class="sliders-wrapper">
<mat-...
- 235
0
votes
1
answer
23
views
How to add lazily loaded modules in angular inside mat sidenav content?
In angular app how to add lazily loaded modules/rotes inside mat sidenav content?
- 61
0
votes
0
answers
24
views
angualr MatStepper completed and next
I'm trying to create workflow stepper.
my question about the completed step.
If the step is completed then I whant start from the next step.
for examplae in my code you can see then step 1 is complted ...
- 81
0
votes
0
answers
21
views
Angular material table css
Have ngx-admin template project, Angular 15 and angular material table.
Tried to apply CSS like this but no luck:
.mat-footer-row,
.mat-header-row {
//border: 1px solid #e7e7e7;
height: 15px !...
0
votes
0
answers
26
views
What is the default hue in angular material 3?
What is the default hue for angular material 3?
I can't seem to find that information.
Also, if I have a material button for which I want to use some hue other than default, is there a way to write ...
- 14.7k
0
votes
1
answer
45
views
Remove checkmark from Angular Material Chip, but keep avatar image
When upgrading my Angular application from version 14 to 18, a lot has changed. I'm using Angular Material for some of the components, and the Chips aren't working as before.
With the new mat-chip-...
- 585
1
vote
1
answer
17
views
Drag and drop styling for mat-chip in Angular Material 18
When upgrading my Angular application from version 14 to 18, a lot has changed. I'm using Angular Material for some of the components, and the Chips aren't working as before.
The previous mat-chip-...
- 585
-1
votes
0
answers
18
views
What is the best way to list an array of attributes without using a table in angular? I've tried to use Angular material such as mat-list, mat-table [closed]
I was assigned a project, that will search and display user data (also allow for data manipulation for titles, claim-roles, etc). My application is completely functional however it is messy and ...
1
vote
2
answers
36
views
setting accent and warn color for button, Angular material 18
I want to set warn and accent color of mat-button, I am unable to do so. Found some code on internet, but not working.
$myapp-theme-primary: mat.m2-define-palette(mat.$m2-indigo-palette, A400, A100, ...
- 6,716
1
vote
0
answers
9
views
The data overflowing on sticky header in angular material table with cdk
We are using cdk-virtual-scroll-content with the angular material table. we have made the table header sticky. The issue we are seeing is the table data is overflowing above the sticky header. We ...
- 11
0
votes
0
answers
31
views
Multi-Column Drag and Drop Cards with Variable Heights Using Angular Material CDK Drag and Drop
I am working on a project where I need to display a list of draggable cards. I'm using material CDK Drag and Drop for this functionality. Each card represents a person and includes a variable number ...
- 793
0
votes
0
answers
7
views
How do you change the global shadow colour in Angular Material
I would like to change the shadows across an entire Angular material theme. Please note that this is not the same as changing the shadow under a specific element, e.g. a card, which has been asked ...
- 8,462