by

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
Nishanth
@Nishanth15
image.png
Hi everyone, I have a project on angular 9. I am using Angular Material table on it. I followed the procedure in this link "https://material.angular.io/components/table/overview#sorting" to implement sorting. Now i could easily sort table data. But when i click on the column header name to sort, it showing an outline on it as above. Is it possible to remove that? Please help me on scss to do that. Thanks
SAGO
@SAGOlab
@Nishanth15 the snippet suggested in the answer not works?
SAGO
@SAGOlab
Hi there...I'm working on bottom-sheet component, I need to create button toggle with push animation, so the button follow the open close state of bottom-sheet panel? where to start?
Nishanth
@Nishanth15
Hi @SAGOlab , I put that it my style.scss. Its working fine for me. Is there any other way to do it?
SAGO
@SAGOlab
@Nishanth15 I think no, for my knowledge....
SAGO
@SAGOlab
Hi there...I'm working on bottom-sheet component, I need to create button toggle with push animation, so the button follow the open close state of bottom-sheet panel? where to start?
Nkansah Rexford
@seanmavley
I'm trying to register svg icons all embedded within a single svg file using the mat registry. My attempts still can't seem to target the IDs in the svg file
https://stackoverflow.com/questions/62279819/register-multiple-svg-icons-from-single-svg-file-mat-icons
SAGO
@SAGOlab
I there there is a way to get mat expansion panel title from typescript?
SAGO
@SAGOlab
Hi there...I'm working on bottom-sheet component, I need to create button toggle with push animation, so the button follow the open close state of bottom-sheet panel? where to start?
SAGO
@SAGOlab
how to animate a button on click?
BertrandMarechal
@BertrandMarechal
using angular animations ?
SAGO
@SAGOlab
yes, I have a bottomsheet component, and I need to attach a button that slide and follow bottomsheet at open and at close
this is my stackblitz, but I'm missing something, or better I don't understand something yet :joy:
@BertrandMarechal
BertrandMarechal
@BertrandMarechal
I got to somewhere, the rest of the road is for you :
image.png
if you add a button to your bottom sheet, then it will follow the bottom sheet itself
I got an ugly transform: translateY(-50px) to get it off the container, and added an overflow: unset on the container so that the button appear
SAGO
@SAGOlab
@BertrandMarechal and you deleted the button from other components?
BertrandMarechal
@BertrandMarechal
nops, it's just behind the overlay
SAGO
@SAGOlab
but you can provide me a stackblitz with your solution?
BertrandMarechal
@BertrandMarechal
you have all you need in the screenshot, I cannot fork the stackblitz now
SAGO
@SAGOlab
ok thanks
last question, the button you added is link to animation in some way
?
or is indipendent?
BertrandMarechal
@BertrandMarechal
independant
SAGO
@SAGOlab
perfect thanks
BertrandMarechal
@BertrandMarechal
it is attached to the bottom sheet
SAGO
@SAGOlab
ok :thumbsup:
ok now I understand what you did, but this is not an animation, is a workaround...
BertrandMarechal
@BertrandMarechal
yes !
SAGO
@SAGOlab
uhm...thanks for your hint but is not what I'm searching for
BertrandMarechal
@BertrandMarechal
ok, sorry then
SAGO
@SAGOlab
nothing, I've learn something new by the way :wink:
Jackyline
@Jackyline
Hi guys! I'm new here and got a question about the Mat-Table. I'm doing a GET-request and passing it into MatTableDataSource(response.data). So far, all good. BUT, when I create the table. All the headers are showed vertical instead of horizontal... I have no idea why..
I use displayedColumns: string[] = ['First Name', 'Adress']; and in html
image.png
BertrandMarechal
@BertrandMarechal
Hi, can you please show the full table html code ? up to the html table element
along with a screenshot of the result
Jackyline
@Jackyline
image.png
image.png
BertrandMarechal
@BertrandMarechal
so first try with <table mat-table ...> instead of <mat-table ...>
Jackyline
@Jackyline
I get the same result :/
BertrandMarechal
@BertrandMarechal
I don't know about the column names too, I know it works well with kebab-case or camelCase, so try to avoid spaces in the displayedColumns array, and the matColumnDef attributes
currently I see you have a typo in the matColumnDef for name
Jackyline
@Jackyline
If I got for 'name' and 'adress'. I get the same result