Savic priority asked 1 year ago

Dear MDB Team,

I need advice from you how to implement specific type of navigation, that behaves similar to Tabs. The only difference is that I would like to have Tabs header and Tab Content Items separated, as shown in this mockup.

enter image description here

Could you give me an advice how to do that?

Best regards, Novak

Could you please provide more information about the feature you need in this case? Do you need to change the route on a tab change and display the content of a different component?

I'm afraid it is not possible to completely separate the tab header from the content because both elements are part of the same component template.

If you just need to separate these elements visually, you can try to add some custom styles to the content container, for example:

.tab-content {
    margin-top: 100px;

Please insert min. 20 characters.


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



Specification of the issue

  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB Angular
  • MDB Version: MDB5 3.0.0
  • Device: Any
  • Browser: Any
  • OS: Any
  • Provided sample code: No
  • Provided link: No