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 ?

Improve this question
3
  • 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. :/ Commented Aug 24, 2018 at 15:23
  • Ok thanks. And do you know a third party lib which doing this? Commented Aug 27, 2018 at 7: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. Commented Aug 27, 2018 at 11:04
Related questions
0
can't switch between ui-bootstrap tabs
6
Angularjs UI bootstrap dynamically select among static tabs not working
1
How to move to second tab on click of a button when using angularjs tab directive
Load 7 more related questions Show fewer related questions

0

Reset to default

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.