<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?
has anyone had any issues running the spec file from the material:navigation schematic?
Error: Can't resolve all parameters for <name-of-component>: (?). wherein the concerned constructor parameter is BreakpointObserver. I’ve tried injecting on the spec file, still doesn’t resolve any. I am using v10 of Angular and Angular/Material
but the problem is it look like
sidenav content is the rest of the page if chosen sidenav
Hi, I don't found what version includes sort predicate for drag and drop, please help me. (Pull request with interesting comments here angular/components#20389)
Anyone facing same issue