angular-material Questions
6
Solved
When first and following time user enters the page, placed button is not focused and highlighted by gray color. I tried to set autofocus:
<button mat-raised-button color="primary" autofocus>...
Raymonraymond asked 1/2, 2019 at 7:14
3
I'm trying to put my pagination in the bottom-center of the page and using Angular Material mat-paginator component.
This is the result right now:
1:
2:
As you can see the mat-paginator now is go...
Tabbi asked 6/11, 2018 at 9:38
4
In Angular project I have Angular Material mat-form-field my icon appears outside left from <input> field with placeholder on the right side:
<mat-form-field appearance="fill" cl...
Terrazas asked 9/4, 2021 at 11:30
6
Solved
I wanted to change Angular Material Radio button default color. I can only able to change to radio button color.
<mat-radio-group>
<mat-radio-button value="1">Option 1</mat-radio-...
Lahey asked 29/9, 2018 at 11:13
2
Solved
I upgraded to Angular 18 (and adjusted the theming styles to the Material 3 SCSS API), but I can't figure out how to define typography scale levels (font sizes) with the new API. It used to be done...
Stipitate asked 27/5, 2024 at 9:19
2
Solved
I am trying to create 6 tiles in each row and each tile consists of amount at the top left, + symbol at the top right, below Charity name, then below date at the extreme left and so on. But everyth...
Gavingavini asked 1/5, 2020 at 8:21
5
Solved
I have html essentially
<mat-tab-group>
<mat-tab>
<mat-tab-group>
<mat-tab>
</mat-tab>
</mat-tab-group>
</mat-tab>
</mat-tab-group>
How can...
Counselor asked 17/8, 2018 at 21:10
4
Solved
I have the following code:
<md-list dense>
<md-list-item *ngFor="let message of chatMessages | async">
<p md-line>
<span> {{message.content}} </span>
</p>
...
Enriqueenriqueta asked 3/2, 2017 at 11:46
4
Solved
I am trying to give a customized border to mat-card but I'm unable to do so.I am using ng-deep to style the mat-card.I am able to get rounded border with border radius but no colored border is visi...
Loathe asked 22/4, 2019 at 10:20
7
Solved
I am creating a custom directive called TooltipDirective whihc is going to add matTooltip to every host element, code is like below
import { Directive, ElementRef, Input, OnInit, Renderer } from '...
Sadyesaechao asked 10/7, 2018 at 18:35
4
Solved
I'm working in an Angular Project using Material.
I have some mat-form-fields with inputs with the outline appearance. I'd like to change the border radius of the outline (increase it).
I read over...
Mahan asked 4/3, 2021 at 22:40
7
Solved
Using the Drag and Drop behavior from the Material CDK library, I'm trying to change the cursor upon dragging a cdkDrag element.
For example, in this StackBlitz the cursor is grab upon hover. I'd ...
Rilke asked 7/12, 2018 at 17:43
4
Solved
I'm trying to style angular material's input to look the same as all inputs in this app.
Is it possible to adjust the thickness of the schedule's input outline to have the same width as the project...
Eblis asked 4/11, 2020 at 8:55
1
I need to generate a palette in Angular Material 3 to implement a theme with a specific primary color. The buttons and some other controls should be this specific color. E.g. #C9007E. I'm following...
Eliezer asked 14/6, 2024 at 13:39
3
Solved
i'm trying to import angular material theming in the styles.scss file, But when i run ng serve, it throws the "Can't find stylesheet to import." Error.
Below is my import
@import '@angula...
Parathion asked 8/1, 2024 at 23:48
3
Solved
I'm writing an angular6 application with latest angular-material.
I use the component mat-autocomplete with a mat-input for an auto-complete feature.
What I'm trying to achieve is that when the use...
Impassioned asked 27/9, 2018 at 11:51
3
I have upgraded to [email protected], angular/[email protected], [email protected] My working apps have the menus now opening in the upper left instead of tied to the trigger.
I ran ...
Spatz asked 19/5, 2018 at 18:31
9
In my angular 5 application, I have some matAutocomplete, but I want to force the selection of one of the suggestions, so I am following this approach:
stackblitz
but for some reason in one case I ...
Girand asked 24/1, 2018 at 9:34
2
I'm displaying an infinite, virtual scroll using Angular's cdk-virtual-scroll-viewport. The functionality doesn't rely on anything special from it, besides subscribing for the view position, in ord...
Cholon asked 13/2, 2021 at 8:14
8
When typing some text into the input and selecting an option from the autocomplete by hiting enter, it saves as chips both of the strings. Image here
However, this doesn't happen when selecting an...
Flores asked 2/10, 2018 at 12:49
12
Solved
I am trying to customize the default "mat-dialog" in Angular 5.
What I want to achieve is having a toolbar in the upper part of the dialog, which should cover the whole width.
However, the mat-di...
Shorthand asked 8/2, 2018 at 15:6
2
I've used the angular material chip control and this all works fine. However it would be nice if the auto complete element stayed open so multiple selections could be made. In it's default state yo...
Sofa asked 5/7, 2019 at 9:54
6
Solved
Angular: v8.2.8
I manage to use mat-menu (angular material) to emulate the context menu. Right-clicking anyway on my page, the menu appears at my mouse location.
What I want to achieve: when I move...
Himyarite asked 11/10, 2019 at 16:2
16
Solved
I want to navigate the stepper only through the next and back buttons.
I can't get this to work since users can also click each step label to navigate to any step. I can't use linear, since it re...
Ghislainegholston asked 25/10, 2017 at 13:38
1
Within Angular Material Sidenav component, what (if anything) does fixedInViewport do?
The documentation states:
Whether the sidenav is fixed in the viewport.
Not helpful.
And when I try o...
News asked 31/1, 2020 at 19:1
1 Next >
© 2022 - 2025 — McMap. All rights reserved.