0

I have an angularjs application with bootstrap. In this one, I have a page with many tabs that I can dynamically add or remove.

When I have a lot of tabs they go on a second or third line. But I want something like the dynamics tabs from angularjs material. So I want to just have one line and navigate between all the tabs thanks to arrow button.

This is how I display my tabs: 

<uib-tab index="$index + 1" ng-repeat="tab in listJobsViewCtrl.tabs" heading="{{tab.title}}">
      {{tab.content}}
</uib-tab>

This it what I have: enter image description here And what I want (not all styles): enter image description here Is it possible to do it with bootstrap ?

Adrien
  • 2,866
  • 4
  • 23
  • 46
  • 1
    Short honest answer: `uib-tabs` doesn't support it naturally, it requires a new component either a third party lib or the implementation of a new bootstrap tabs component with pagination like `md-tabs` does. :/ – lenilsondc Aug 24 '18 at 15:23
  • Ok thanks. And do you know a third party lib which doing this? – Adrien Aug 27 '18 at 07:48
  • I don't know any lib that does this apart from angularjs-material. You can try to replicate the current `uib-tabsed` logic and add your logic to it. – lenilsondc Aug 27 '18 at 11:04

0 Answers0