Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • Jun 18 2019 18:50
    @StephenFluin banned @piotr-mamenas
KGA
@AishGaurav
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>
image.png
I am trying to getting this kind of design :
image.png
AbelardoLG
@abelardolg
Hi there
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.
image.png
AbelardoLG
@abelardolg
That icon arrow should be before and not after.
image.png
Does anybody know why this setting is not applying it?
AbelardoLG
@abelardolg
Nobody here?
AbelardoLG
@abelardolg
Nobody here! :(
Jorrit
@jorrit-wehelp
nope
Phil Mayfield
@philmayfield
@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
KGA
@AishGaurav
Can anyone help me in replacing the action text with a custom icon in mat-snackbar ?
image.png
this seems to be in-built in the source code, I an not able to customize this
José Luís Cabral
@jlmcabral
image.png

Hello all,

How can I see the implementation of this mat-get-density-config?

@jlmcabral
José Luís Cabral
@jlmcabral
Thanks @derekkite ;)
Derek
@derekkite
I haven't the finest clue how to use it either.
KGA
@AishGaurav
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
Phil Mayfield
@philmayfield
@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
lorenzonet
@lorenzonet
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
matrixbot
@matrixbot
BuZZ-dEE hi
wenditurner
@wenditurner_twitter
Forgive this question if it's inappropriate for this channel, but what npm lib would "you" pick for a rich text component ?
SAGO
@SAGOlab
Hi there, I have a button inside a dialog that enable reactive form if clicked, How can I store this event after dialog close, so If I reopen dialog the form is still enabled?
SAGO
@SAGOlab
Hi there I can update data in mat dialog without close it?
Bala_github
@GitHubBala23
Using Subject u can try
SAGO
@SAGOlab
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?
Bala_github
@GitHubBala23
ha that's possible with Subject, in ur service file u make that varibale as string nd that varibale can be shared by both ur component whn u r calling that api d ur dialog component
SAGO
@SAGOlab
ok @GitHubBala23 thanks
David B
@dpbadiola
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
David B
@dpbadiola
Oh, found a solution. I used Jest over Jasmine, Karma and forgot to add this on in the tsconfig.spec.json - "emitDecoratorMetadata": true,
Shekhar Ramola
@shekharramola
is it possible that in material sidenav, I want to take use of only sidenav and not sidenav content
but the problem is it look like
sidenav content is the rest of the page if chosen sidenav
Sanket Thotange
@iamsank8
Is is possible to know when the mat table render is complete?
Derek
@derekkite
Sanket Thotange
@iamsank8
Thanks @derekkite I will check it.
RobinExtrant
@RobinExtrant
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)
Pavan K Jadda
@pavankjadda
Anyone facing same issue
SAGO
@SAGOlab
Hi there, is possible to link an input (matDatepickerInput) to mat-calendar? How?