Aloha! Is there a way to make the
sidenav have a dark background with light text while keeping sidenav-content the default light background with dark text? I’d prefer a theme-based solution so I’m not continuosly chasing down CSS rules while developers add things to the side navigation...
I have also seen the problem that the menu on the website does not close properly. If you want to resolve this problem then contact http://angulardevelopersneeded.com/ as they will be able to provide their experts to you.
am i doing something wrong?
Is flex-layout supposed to be the replacement for Material's own layout features (https://material.angularjs.org/1.1.2/layout/introduction)? I have not been using it because it is still in Beta. I have been using Covalent's (v2) built-in layout, which I think is just an extension of the original Materials one. I do not want to include that just to use the layouts. Is there another stable alternative?
Everyone, I need help with mat-table architecture. I need to design a table that gets data from Spring Boot app with 15000+ plus records. My table has 7 columns and users want sorting, pagination and filtering on this table. I can implement sorting and pagination without any issues. But filtering is kind of hard, since we have to deal search it across 7 columns. Any suggestions?
Below snippet throws error :
<mat-form-field class="example-full-width" appearance="fill">
<mat-label>Choose a date
<input matInput [owlDateTime]="dt1">
<span class="trigger" [owlDateTimeTrigger]="dt1">
<mat-icon style="margin-top: 10px;">calendar_today</mat-icon>
</span>
<owl-date-time #dt1></owl-date-time>
</mat-label>
</mat-form-field>
<mat-label>Choose a date
<input matInput [owlDateTime]="dt1">
<span class="trigger" [owlDateTimeTrigger]="dt1">
<mat-icon style="margin-top: 10px;">calendar_today</mat-icon>
</span>
<owl-date-time #dt1></owl-date-time>
</mat-label>
</mat-form-field>
Below snippet works fine , but material style is not applied on it :
<div class='datetime-conatiner'>
<mat-label>Choose a date
<input matInput [owlDateTime]="dt1">
<span class="trigger" [owlDateTimeTrigger]="dt1">
<mat-icon style="margin-top: 10px;">calendar_today</mat-icon>
</span>
<owl-date-time #dt1></owl-date-time>
</mat-label>
</div>
<mat-label>Choose a date
<input matInput [owlDateTime]="dt1">
<span class="trigger" [owlDateTimeTrigger]="dt1">
<mat-icon style="margin-top: 10px;">calendar_today</mat-icon>
</span>
<owl-date-time #dt1></owl-date-time>
</mat-label>
</div>
I am trying to getting this kind of design :
I am using Mat-Accordion (Angular Material 10.2.2).
I am adding togglePosition input attribute and I set it to "before" but the arrow is still after.
I am adding togglePosition input attribute and I set it to "before" but the arrow is still after.
Does anybody know why this setting is not applying it?
@abelardolg what you have should work, maybe there are some custom styles messing it up? Also fwiw, you dont need to bind that property: https://stackblitz.com/edit/angular-twy8d6?file=src/app/expansion-expand-collapse-all-example.html
this seems to be in-built in the source code, I an not able to customize this
Hello all,
How can I see the implementation of this mat-get-density-config?
@jlmcabral
can anyone help me with a CSS here, I am looping through an array of buttons & want to show the selected button in a different color : https://stackblitz.com/edit/angular-vfxba4?file=src/app/button-overview-example.html
@AishGaurav I dont think theres a way to track it without keeping track of which is selected. I'm sure there are a ton of ways to do this, heres a quick example: https://stackblitz.com/edit/angular-vfxba4-fgd1u7?file=src%2Fapp%2Fbutton-overview-example.html
But the important bit is the binding to the
color attribute
This is of course the Angular Material way to set color, you could of course use css and a custom class or something, or css on a pseudo selector. But buttons dont act like toggles, there is no "active" state to them. You might also consider
mat-button-toggle https://material.angular.io/components/button-toggle/overview
I've a form like this, what would you suggest to create group of fields like that I've highlighted in compliance with Material Design
Inside a dialog have a task status that display a value get from a REST API (the task status is: Ready) and a button ('start task'). On click 'start task' I need to change task status value, so I need to get the new REST API response, get task status 'In progress' and display it in Dialog, without close it...
there are other way apart from Subject?