Stack Overflow
Stack Overflow

Questions tagged [mat-expansion-panel]

39 questions
0
votes
0 answers

Add vertical scroll bar to mat-expansion-panel

I'm using Material Design Expansion Panel to display data in a hierarchical way is illustrated here : This the way I implement it so I can show multiple AREAs which can contain one or more TEAMs
Ghassen
  • 591
  • 1
  • 15
  • 33
0
votes
0 answers

all content in the first column trying to use mat-expansion-panel in a table

I tried to use the mat-expansion-panel in the table but when I put this feature before my tr, all the content is in the first column. I don't understand why... I tried to use cdkAccordion but still the same problem. You will find an example with…
Gano
  • 19
  • 4
0
votes
1 answer

Button inside mat-expansion-panel doesn't recognize first click

I'm using a mat-expansion-panel which shows all versions of a product (wrapped in a table) If I click (first click) on the td-Element which is the actual latest version of a product, it routes to the right route If I click on the I need…
Eangy
  • 1
  • 1
0
votes
2 answers

How to expand all mat-expansion-panel with complex array by click a button?

I am trying to display Mat-expansion-panel by click "open all" button. Now, i face the problem is inner panel is not working. It only can open the outside only. I would like to open all panel with inner panel. How to achieve it ? Please…
cng
  • 53
  • 4
0
votes
1 answer

How to open all nested mat-expansion-panel in angular?

How to open all nested mat-expansion-panel? It only open in the first panel in nested mat-expansion-panel. openAllTab1() { this.accordion.openAll(); } stackblitz Link
cng
  • 53
  • 4
0
votes
1 answer

A non-existent line

I'm learning Kivy and I'm on the MDExpansionPanel widget. Data source from a JSON I use the keys to assemble my panels and the values to compose my Contents. It happens that I'm able to do it but an extra line always appears in my contents. I would…
Elias Coutinho
  • 47
  • 6
0
votes
1 answer

Problem on displaying collapse/expand icon using *ngFor in mat-expansion-panel on angular

I have a customized icon for collapse and expand. As I have a nested array, It will trigger all header. It should be click first header that only expand in 1 st header. It should not trigger all header. How to separate control it ? Here is…
HIHI NNG
  • 27
  • 6
0
votes
2 answers

Angular routing to open the expansion panel

First off I'm new to Angular, only been learning it for about a month so I just have a quick question that I can't seem to find anything on. So I'm trying to use a routerLink to go from one page to another, but also I want that page to open an…
DrowsyKing
  • 1
  • 2
0
votes
1 answer

Angular MatAccordion is displayed flat by default

I'm using mat-accordion component in my application, however even though it is clearly stated in the documentation here -> https://material.angular.io/components/expansion/overview#expansion-overview the default displayMode is border + raised. When…
user1617735
  • 451
  • 5
  • 16
0
votes
1 answer

Material ui expansion panel can't click custom buttons within it

Within a 's description I have 3 icons acting as buttons. The icons are displayed but they can not be clicked, basically they are under the expansion panel. z-index approaches don't work. A solution that I found was to give the…
ShadowProg
  • 13
  • 3
0
votes
1 answer

How can I add 2 Title elements side by side using Angular?

In my project I am using . I am trying to add 2 title element using side by side with their respective description Currently my code displays Title1 Title2 Description1 Description2 What I am looking for…
DON DAN
  • 57
  • 1
  • 1
  • 5
0
votes
0 answers

Angular makes sub mat-expansion-panel

I'm making a sidenav and I use mat-expansion-panel to create the button of my sidenav. I created submenu and I have no issue : But now I want to add sub sub menu. For example I want to add, under Users list, a new submenu Add user. If possible, I…
Nathan Cheval
  • 773
  • 2
  • 7
  • 32
0
votes
2 answers

aggrid in mat extansion panel / mat accordion

I'm using angular and aggrid and I would like my grid to adapt in height in a mat expansion panel to take all the screen available space when opened. How can I do that, preferably in css? It seems that aggrid is adapting to container and mat…
AlixRoyere
  • 41
  • 4
0
votes
1 answer

Stop flex-grow div growing more than parent container

I'm trying to add an Angular Material Expansion Panel with scrollable content within. However, I have the expansion panel within a div which is in a flexbox container. I want the expansion panel to fill the available space within the div but not…
Sun
  • 4,458
  • 14
  • 66
  • 108
0
votes
1 answer

Trigger mat-expand-panel event with button in a different component

I am pretty new to Angular, and I am trying to implement a button in my search/filter bar that will expand the mat-expansion-panel on click, but the panels are housed in a different component and I am not sure of the structure for this. Button…
rskybsn
  • 87
  • 2
  • 11
1
2
3