Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!

Savic priority asked 2 years 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


Arkadiusz Idzikowski staff answered 2 years ago


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.

FREE CONSULTATION

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

Status

Answered

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