All Questions
106 questions
1
vote
0
answers
44
views
Angular 18 Material 2 set of font-family
Im' using Angular 18 and Material 2 and I'm trying to set a font-family 'Poppins' overal to this mat-tab-group my it's never applied and I don't know why
HTML:
<div>
<mat-tab-group class=&...
- 31
0
votes
1
answer
35
views
Property tabPanel is not provided by any applicable directives nor by <mat-tab> element? [closed]
so i have an angular Projet but it doesn't work because of TabPanel problem . Help me Please
codes :
<div class="page-container">
<header>
<h1>Test Page</h1&...
- 17
0
votes
3
answers
324
views
i have 4 mat tab labels in a mat tab group and i want to position 2 of them left and another 2 label to right how to achive this one for angular 17
I require one and two mat tab labels to position on left side and three and four mat-tab-labels on right side of the page. I tried giving margin but the the element is expanding all the way to right ...
- 9
0
votes
0
answers
39
views
Mat-Tab hidden contrary to the set value
I do have a strange behaviour I absolutely can't explain to myself.
I hope anyone with more knowledge about angular and angular material components might have an idea.
In my Application at one point I ...
- 13
0
votes
1
answer
84
views
Apply custom class to mat-tab in mat-tab-group
I want to apply custom styles to some mat-tabs inside mat-tab-group based on a condition.
The parent mat-tab-group already has a custom style by default that works as expected. Here's how that's done:
...
- 2,851
0
votes
1
answer
78
views
How can ngOnChanges be called only for active tabs in mat-tab-group?
I have a parent component and a child component. When I send the data from parent to child, it is calling the ngOnChanges method in both the child component instances hence causing data to be shared. ...
0
votes
0
answers
47
views
Angular TabMenu - no active tab after redirect
I have a tab menu with different urls. I have some case when I need to redirect to the same component, but url is changed. MatTab has no active tab after redirect.
I have routing:
{
path: 'parent',...
- 21
1
vote
0
answers
220
views
Why does the Angular Material Tab "selectedTabChange" event getting called on component load?
I am using a Angular Mat Tabs to implement Tabs view and capturing each tab selected index as well as label values using the event (selectedTabChange) during on click of the tab header. However this ...
0
votes
0
answers
732
views
Angular 17 Mat Tab render issue with Mat Table
I am using the latest Angular version in my project. In my component I have a Mat-Tab-Group with a Mat-Tab. Inside this tab I want to display a table component that I have created by myself. This ...
1
vote
0
answers
1k
views
Angular material : How to hide mat-tab-header when mat-tab is hidden?
i have a basic mat-tab-group with 2 mat-tab nested inside it. Both mat-tab have a [hidden] input attribute, determined by a boolean value that changes in my code. It is working like a charm for the ...
- 43
2
votes
2
answers
462
views
How to disable click in navlinks in mat-tab-nav-bar in Angular?
html:
<nav mat-tab-nav-bar color="primary" [tabPanel]="tabPanel" mat-stretch-tabs="false" mat-align-tabs="start">
<a mat-tab-link *ngFor=&...
0
votes
1
answer
1k
views
Button next to Angular Material Tabs
I created a horizontal menu with tabs using Angular Material and I want to put a button on the left side of it to open a sidebar.
The problem is:
either the button overlays with the first tab and it ...
- 139
0
votes
1
answer
462
views
Sidenav in dynamic tabs (Angular Material) is only working for the first tab
For my web application I dynamically create tabs with *ngFor and each tab includes a sidenav-container with the sidenav and content. For each tab it should be possible to show and toggle the sidebar.
...
- 139
0
votes
0
answers
60
views
Angular: Last mat-tab is always selected
So, i have a simple mat-group which looks like this:
<mat-tab-group
(selectedTabChange)="onTabSelect($event)"
[disableRipple]="true"
mat-align-tabs="start"
...
- 902
2
votes
0
answers
220
views
Angular mat-tabs to show all tab's content upon print
Similar to the post here https://github.com/angular/angular/issues/44388, I need to update the print layout of a page. As I am using mat-tab for improving the layout from devices, I need to be able to ...
- 386