Html – Angular table column add with spinner
I am making a project with angular 14 and angular material. I have a table. There is an update button next to each staff member. I want the spinner on the button of the employee I click to work, but…
Css – i was trying to change color of scrollbar from angular material sidenav
I was trying to customize the style of the scrollbar angular material sidenav element to match my design, and i am stuck doing it Explanation: To remove the default style of blue background color, enter image description here
Html – Angular 15 Material align text in input field to match select field
In a search component, I have two mat-form-fields, one which is a select field, the other is a text input field. When text is entered into both fields, the input text field's text is not aligned horizontally with the select…
Html – How to create mat-grid-list angular Material
I'm trying to create a mat-grid-list with angular material, the problem is that I don't see anything appear in my page this is my component info-section : <div class="mat-grid-list" cols="4" rowHeight="100px"> <div class="mat-grid-tile" style="grid-column: span 1; grid-row: span 2; background-color:…
Updating mat-calendar date css on an event
I am trying to update the css of specific dates in mat calendar, when the user clicks on a button. This is the code I have: app.component.ts: import { Component, ViewEncapsulation } from '@angular/core'; import { MatCalendarCellClassFunction } from '@angular/material/datepicker';…
Javascript – Angular creating a Modal with google maps in iframe
I am trying to create a modal in my angular app that when open show google maps in an iframe. My issue is that the iframe doesent load and I get this error in browser console: chromewebdata/:1 Refused to display…
Css – How to set the color of mat-form-field-appearance-outline for invalid state Angular
I have set the outline color on hover successfully. But when I try to set outline color for hover in invalid state it does not work. My code is given below: &.mat-form-field-appearance-outline:not(.mat-form-field-disabled) .mat-form-field-flex:hover .mat-form-field-outline { //It works it set the…
Css – Angular validation message – override class
I am showing Angular error messages using the following code: <mat-error> {{error}} </mat-error> Sometimes I need to change the left position of the error message. The class that responsible for showing errors is this: ".mat-mdc-form-field-error-wrapper".I can override it like this:…
Javascript – how take father from button click
I need to get father after a click: i have this code html: <button mat-icon-button (click)="download($event)"> the code html generate is this: <button _ngcontent-wsc-c153="" mat-icon-button="" class="" aria-label=""> <mat-icon _ngcontent-wsc-c153="" role="img" alt="download" class="" aria-hidden="true" data-mat-icon-type="font" aria-describedby="cdk-describedby-message-2" cdk-describedby-host="0">download_for_offline</mat-icon><!----> </button> in my ts…
Html – Angular material form field is not updating when changing values in the component
Im running into a problem when updating the bound value of an angular material drop down in ng on init. The weird part is that ALL other dropdowns update correctly, but the the "selectedCategory" doesn't. Something I tried is updating…