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. :/
    – lenilsondc
    Commented Aug 24, 2018 at 15:23
  • Ok thanks. And do you know a third party lib which doing this?
    – Adrien
    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.
    – lenilsondc
    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

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.