Tabs change by button

MDB SupportCategory: MDB AngularTabs change by button
szczerbo Pro User asked 3 months ago in MDB pro, version:5.2.2

Hello,

is there any way to switch Tab to next or previous tab via button? I put the “next” and “previous” buttons to the content below tabs.

It should work like:

  1. click to “next” – next tab content is shown, and next tab is set as active,
  2. click to “previous” – previous tab content is shown, previous tab is set as active,

I saw, on the site bottom (https://mdbootstrap.com/angular/components/tabs/) something about Events, but it’s not that I want to achieve.

hope for help:)

3 Answers
Ollie Vincent Pro User answered 3 months ago

Hi,

Currently there isn’t a functionality for that. I would try taking something else with the functionality you want and try modifying it (such as styling). Have you looked at these links?

https://mdbootstrap.com/angular/advanced/carousel/#multi-item

https://mdbootstrap.com/angular/components/steppers

 

 

 

 

szczerbo Pro User answered 3 months ago

I found, at your site, solution for this question:

https://mdbootstrap.com/support/changing-tab-from-typescript/

It works pretty well:)

Ollie Vincent Pro User answered 3 months ago

Ah sorry – I misunderstood 🙂 glad you found a solution