Questions tagged [mat-expansion-panel]
39 questions
0
votes
1 answer
How to expand mat-expansion-panel based on-click button in angular?
I have a component with expansion panels, and now, On-clicking of All tab button, in the below body part all the mat-expansion-panel is expanding perfectly, and what i am expecting is: if we click on the B tab it should be active and B alphabet …
Maniselvam R
- 33
- 1
- 9
0
votes
2 answers
How to trigger inner expansion panel status to panelOpenState = false when toggling outer panels?
I want to close the nested panels with clicking the other outer panel.
The solution I tried is:
given an id: #child1 and tried to trigger it using click event on header/panel of outer
(click)="child1._toggle()"
But, it didn't worked. Any…
Tauseef
- 1
- 3
0
votes
2 answers
How to skip tab order from expansion panel?
I have input fields inside mat-expansion-panel.
When pressing tab key, the tab orders include mat-expansion-panel.
so I set tabindex=-1 in but still does not skip mat-expansion-panel when pressing tab key.
When pressing tab key, cursor moves as…
sally
- 379
- 2
- 8
- 17
0
votes
2 answers
How to toggle mat expansion panel based on screen width?
I have an expansion panel which needs to be closed on certain media devices. For e.g. If the web app is in mobile I want to contract the expansion panel and if it in desktop I want to expand it. How can I achieve this requirement?
This is mat…
Ashane Alvis
- 770
- 2
- 18
- 42
0
votes
0 answers
how to remove extra space between expansion panel childs or elements?
As you can see the expansion panel has checkboxes and radios. I want to make those little closer to each other.
I'm not getting any way of doing this. I'm using Material UI here. Please help me with some solution.
ArifulSourov
- 21
- 4
-1
votes
1 answer
How to keep one of the expansion panel always expanded in an accordion?
I'm having an accordion with 3 expansion panels. I want to keep at least one panel open always.
i.e, I don't want the user to close all the panels.
How to achieve this?
Thanks in advance.
code
- 11
- 5
-1
votes
1 answer
having trouble formatting mat-expansion panel
My expansion panel is not filling the entire width of the container, even when I set the width to 100%. Any ideas how to get it to fill the available space? I tried creating a stackblitz. I can't figure out why nothing is displaying…
Heidi E
- 221
- 8
- 22
-1
votes
1 answer
mat-expansion-panel. trying to show 2 columns of iterated object, but only 1st iteration is visible when using flexLayout="row"
I'm having a strange error when trying to display 2 columns of an object. The expansion panel displays fine, though it doesn't fill the container like I want it to, but only the first item of the object displays. I know I'm getting the object in…
Heidi E
- 221
- 8
- 22
-1
votes
1 answer
how to fix mat-expansion-panel auto collapse within mat-select?
I use mat-expansion-panel in my mat-select.
at first time I open mat-select, It's ok. But when I click out of mat-select to close mat-select
and click to mat-select second time to reopen it, My mat-expansion-panel is closed and i must to double to…
QUỐC VŨ MẠNH
- 1
- 3