1. MDB Home Page
  2. Support Main Page
  3. MDB React
Topic: Hi, I purchased the MDB Pro, but i'm having trouble at the tab component, i used the sample code in the docs section and when my view is rendered every tab is active

Pavel Isel Pérez Pupo free asked 5 years ago

Expected behavior

Actual behavior

Resources (screenshots, code snippets etc.)

Frost free answered 3 years ago

Hi, I have MDB 4, and want to download the Double Navigation with hidden SideNav under fixed Navbar (this is MDB 4 Pro, jQuery). But when I want to download, the system tells me I should get Pro... I have already paid for that. Your System knows me under Eberhard.frost@fgw350.de. What is wrong there?

BR, Eberhard

Adam Jakubowski staff commented 3 years ago

Hello,

The support forum is dedicated to technical questions.

All questions regarding MDB licensing, products, partnerships and other non-technical queries - it should be asked directly to contact@mdbootstrap.com

I've reached out to you via the email address assigned to your mdbootstrap account.

Best regards, 

Adam From MDB

Jakub Chmura staff answered 5 years ago

Hi @Pavel Isel Pérez Pupo

We are currently working on that issue. We will try to fix this as soon as possible. When the solution will be ready to publish we will do that immediately.

Best regards,

Kuba

Jakub Chmura staff commented 5 years ago

We know what's wrong with tabs/pills... and other components using MDBNavLink but we need to implement the solution and test this fix. In this case, there was a problem with the react-router library. We've found that the problem only occurs locally. If you put the project on the web, everything should be ok.

We're currently working to resolve the issue, but one of our users has implemented a temporary solution. Mabe this fix will help you with your problem.

I will paste its temporary fix below:

A temporary fix would be to remove all active classes using JavaScript, and then >setting the active manually. This can be achieved by using React DOM References (like Ref={this.tab1}) and then removing all classes using removeAttribute("class") on >this reference. Then setting the previous classes + active if used.

Best regards,

Kuba

FREE CONSULTATION

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

Closed

Specification of the issue
  • ForumUser: Free
  • Premium support: No
  • Technology: MDB React
  • MDB Version: 4.21.0
  • Device: laptop
  • Browser: chrome
  • OS: windows 10
  • Provided sample code: No
  • Provided link: No
Tags
bugsontab
About author
Pavel Isel Pérez Pupo
15Support score
3Questions 0Answers 0Snippets