Hide tab dynamically

Topic: Hide tab dynamically

et3rnal87 pro asked 5 years ago

Hi,

I can't find a way to set a tab inside an mdb-tabset to be hidden or a way to pass a class to a specific tab? if I add class to mdb-tab it applies to the content and I can't find anything in the documents? I assume adding a class a basic configuration to allow when you look-down as a component.

Something like disabled but in my case I need to hide it or remove it and show it dynamically

Also, tabsButtonsClass="" and tabsContentClass="" issn't working for me? but I assume they are not avalible in 6.3.0? any alternatives?

Thanks

Add comment

Arkadiusz Idzikowski staff answered 5 years ago

0 0 Best answer

You can use *ngIf directive on the mdb-tab component to hide/show it when certain condition is met.

Add comment

Write

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

User: Pro
Premium support: No
Technology: MDB Angular
MDB Version: 6.3.0
Device: Windows
Browser: FF & Chrome
OS: win 10
Provided sample code: No
Provided link: No

Tags

tabs angular-bootstrap-tabs

Related topics

0: change Angular Bootstrap tabs border color conditionally and pragmatically

1: Improve Tabs component with horizontal scrolling, paging or with a dropdown

1: Table Pagination with Tabs

1: Selecting tabs programmatically

0: How can i add a dropdown to a tab set using angular version of MDB?

About author

et3rnal87

Pro User

84Support score
10Questions 3Answers

0Snippets likes 0Snippets