Questions tagged [mat-tab]
147 questions
0
votes
1 answer
How can I change the start point of content display in mat-tab-group?
Code:
Common Div
Nav 1
…
nyla L
- 57
- 6
0
votes
0 answers
how to add a div which has rows and buttons next to a mat tab label
I have a mat tab label and this mat tab has a table inside so I need to add a option box next to this mat tab label , every time I add this option box as a mat tab it doesn't work; how do I do it?
I added the content of this selection box inside a…
test engineer
- 11
- 1
0
votes
1 answer
ag-grid's last column getting out from the table with mat-tab-group
As you can see i don't know how or why the last column from my ag-grid stays out while I use mat-tab-group,
I tried many things but nothing has worked. Any ideas are welcome :)
0
votes
0 answers
Dynamic Mat-tab with Mat-table filter on nested object
I've a dynamic mat-tab that have a nested object on a mat-table within each tab. I want to implement a filter on each mat-table within the tab. How do I do that? The datasource for the mat-table is within the tab nested object.
Here is the HTML…
MarkJ
- 1
0
votes
0 answers
Angular Mat tab does not show another component HTML view
I have used Mat Tab component to show a view of another component (which is currently a raised mat Hello button).. Earlier, there was an issue of tabs not showing full view during when the hello was shown in a tiny scroll along with Content 1.. when…
SKAv
- 1
- 2
0
votes
1 answer
Can't get mat-tab-group to function, it keeps throwing an MatTabHeader._checkPaginationEnabled error
I used the code straight from the Angular Material website [https://material.angular.io/components/tabs/overview], and I believe I followed it slavishly, but clearly I've done something wrong because I can't get it to load, well the mat-tab appears,…
LBR474
- 11
- 3
0
votes
0 answers
Angular Tab How to add mattab and create dynamic form for each tab in Angular 14
How to combine form array in Data logger table with form control "source" in each tab. I expect to store different values in different tab. In each tab the number of data logger lines will added by clicking add more. But I couldn't able to combine.…
Kenny JohnJoseph
- 1
- 6
0
votes
1 answer
How to get mat tab width?
I am trying to get the width of the tab.
And I expect to get like nativeElement.clientWidth
If I use ViewChild like:
@ViewChild('matTab', {static: false}) matTab: ElementRef;
Overview
But I try to…
sally
- 379
- 2
- 8
- 17
0
votes
0 answers
Customizing mat-tab with predefined themes in Angular
I need to modify the styling of a mat-tab-group, specifically that it inherits the colors of the custom theme (color: primary) and changes the background color for each of the selected tabs as follows:
The styles assigned to the theme in the…
0
votes
2 answers
Calling OnInit for current and previous tab during tab change
In a angular i added a tab control, but list of available tabs i will get from backend. so i added a code to display template base on some key . but every time when i switch a tab, I can see OnInit event for a new tab and for a current. I dont need…
Ulana
- 353
- 1
- 2
- 9
0
votes
2 answers
How to stay on the same mat-tab if user click on full view and come back
1)Check [image one] if the user clicks on that tile we are showing full view page [image 2] to him
2)After clicking the left-side blue color back icon we need to redirect him to the back page where he stayed last time means (same tab and same…
Revanth Reddy
- 15
- 1
- 6
0
votes
0 answers
0
votes
0 answers
I am getting the following error on importing MatTabsModule in my module.ts file
* ERROR NullInjectorError: R3InjectorError(AppModule)[MatTabNav -> MatTabNav -> MatTabNav]:
NullInjectorError: No provider for MatTabNav!
at NullInjector.get (core.mjs:6359:27)
at R3Injector.get (core.mjs:6786:33)
at…
Vidit Sood
- 11
- 1
0
votes
0 answers
How to create different modal bodies for mutliple tabs in Angular?
I implemented mat-tabs in Angular and want to open a modal (with ng-bootstrap) in every tab and it works. But all the modals contain the same modal-body and I can't change it. What do I have to do so that I can individualize every modal-body in each…
t24
- 1
- 1
0
votes
1 answer
How to place text under the icon angular mat tool bar
I want to place icon text under the icon in angular mat tab