I'm using Angular Material for my application and have the following button setup <mat-toolbar> <span> <a routerLink="/">My Messages</a> </span> <ul> <li> <a mat-button routerLink="/create" routerLinkActive="mat-accent"> New Post </a> </li> </ul> </mat-toolbar> Issue: When I navigate to the /create route, I…
I have the following code: <div class="flex-auto overflow-y-auto"> <mat-tab-group [animationDuration]="'0'" headerPosition="below" mat-stretch-tabs="false" > <div cdkScrollable> <!-- Tab #1 --> <mat-tab label="List 1"> <!-- TAB CONTENT GOES HERE --> <app-leads></app-leads> </mat-tab> <!-- Tab #2 --> <mat-tab label="List 2"> <!-- TAB CONTENT…
I am trying to update my application from v16 - v17 then v18. In both case 17 and 18 I find that material theme css is not working. Components such as sidepanel, button, dropdowns etc doesn't have background colors. In…
I have an odd situation where a deeply nested HTML segment of code may be inheriting some stylings from a parent that I can't predict or control. The widget is pretty straight forward... <mat-form-field appearance="fill" class="full-width-input" *ngIf="!isMultiSelect"> <mat-label>{{ selectListForm.get('commonSettings').get('label')?.value }}</mat-label>…
I'm working on an Angular project where I have multiple sections on a page, each with a unique ID. I also have a fixed-position navbar that allows users to navigate to these sections. My goal is to ensure that when…
I have an application in Angular 18 with a page containing a material date picker. When I popup the Date Picker it's fine but when I change the month with left/right arrow or the year, data are outside the container…
How to customize the color of mat checkboxes in mat select options as seen below <mat-form-field appearance="fill" style="width:49%"> <mat-label>Select Group</mat-label> <mat-select [(ngModel)]="groupNames" name="group" multiple> <mat-option *ngFor="let group of GroupList" [value]="groupName"> {{groupName}} </mat-option> </mat-select> </mat-form-field> I tried inspecting the elements and…
I am currently on the process of redoing out clubs app from Angular 9 to 18, since it has not been well maintained. I am trying to keep as much of the frontend as possible and therefore also wanted to…
My Angular Material v18 application allows the user to set their theme but one component group, the "order control", needs to be independent of the theme. Here's an HTML version that kinda does what it should followed by an Angular…
I'm developing a table using Angular Material where user can also select the rows using checkboxes. So far the logic is working fine when the table has all data and changing of pagination doesn't effect the selections. But when I…