Stack Overflow
Stack Overflow

Questions tagged [angular-ui-bootstrap-tab]

Refers to the Angular UI Bootstrap tabs directive, which is an Angular implementation of Bootstrap tabs.

refers to the Angular UI Bootstrap tabs directive, which is an Angular implementation of Bootstrap Tabs.

Example of usage (0.14.3) :

<uib-tabset>
   <uib-tab heading="Static title">Static content</uib-tab>
   <uib-tab ng-repeat="tab in tabs" heading="{{tab.title}}" active="tab.active" disable="tab.disabled">
      {{tab.content}}
   </uib-tab>
   <uib-tab select="alertMe()">
      <uib-tab-heading>
        <i class="glyphicon glyphicon-bell"></i> Alert!
      </uib-tab-heading>
      I've got an HTML heading, and a select callback. Pretty cool!
   </uib-tab>
</uib-tabset>

Documentation :
Angular UI Bootstrap -> https://angular-ui.github.io/bootstrap/#/tabs
Bootstrap Tabs -> http://getbootstrap.com/javascript/#tabs

56 questions
0
votes
1 answer

ui bootstrap tabs border

I want to remove the side and top borders on active ui bootstrap tabs, and make one fad bottom border. The side and top border is not removed. What am I missing? .nav-tabs > li > a, .nav-tabs > li > a:hover{ border: 0px; background-color:…
AHJ
  • 153
  • 1
  • 16
0
votes
1 answer

Angular-ui-bootstrap-tabs animated transition in but not out

I updated an example by user @austin I'm have an issue when transitioning backwards (ie. tab3 to tab2. forward seems to work fine. Wondered if anyone could see what I was…
Timothy Massing
  • 55
  • 1
  • 10
0
votes
2 answers

ui-bootstrap tab shows incorrect tab content when using ng-show

I have tabs, for which some are dynamically shown with ng-show. The problem is that if the first tab is not shown, then the second tab should be the active tab. But it is not working this way. It seems the first tab is still active, causing the tab…
Paul Samsotha
  • 205,037
  • 37
  • 486
  • 720
0
votes
1 answer

Choose the template of UI-TAB

I have to do some tabs with ui.bootstrap in a web application. I want to choose a template for each tab, but it doesn't work. Why? This the tabs.html:
panagulis72
  • 2,129
  • 6
  • 31
  • 71
0
votes
1 answer

angularjs: how to go back to previous page from a nested view when clicking back button of browser?

I have two pages, index.html and tabs.html. tabs.html is a nested structure, it has a tabs component and every tab is bind to a state(tab1, tab2, tab3). When changing from index.html to tabs.html, the state change path will be: index -> tabs ->…
ahwyX100
  • 585
  • 2
  • 9
  • 22
0
votes
1 answer

(Mobile View) How to make UI tabs heading to work as a drop down

How to make UI bootstrap existing tab heading section to the drop down in the mobile view. HTML:
…
user2936008
  • 1,317
  • 5
  • 19
  • 42
0
votes
1 answer

Angular js open modal on tab select

Id like to open a modal on tab select am using UI Bootstrap plugin components , everything seem to work ie the tabs open but , the modal page does not seem to be called on selecting the last tab , below is my code : All Controller function are…
Jimmy Obonyo Abor
  • 7,335
  • 10
  • 43
  • 71
0
votes
1 answer

How to give angular ui-grids with different data inside angular ui-bootstrap tabs?

I have multiple tabs and each is having angular ui-grid inside it. Each grid should display different data. But i'm facing problem like in one tab data is coming in the grid on page load but in another tab ui-grid itself is not loading. Not getting…
Kirti
  • 89
  • 1
  • 3
  • 14
0
votes
1 answer

Issue with Angular UI bootstrap static tab default selection

i am facing an issue with angular bootstrap ui static tabs default selection. I have around seven tab like this in a model popup. I want to set default tab based on value. i have done something like this
Nayas Subramanian
  • 2,269
  • 21
  • 28
0
votes
2 answers

Angular ui bootstrap focus first invalid tab on submit

I am trying to focus the first tab which contains invalid field on a form submit. I did manage to focus on the first input field but it doesn't work if the field is in another tab and I have no idea how to make it works. Here is my html…
Fabien Roussel
  • 225
  • 1
  • 4
  • 10
0
votes
1 answer

AngularJS Directive For UI BootStrap Tabs (Isolate Scope Issues)

I am trying to make a directive to work with Angular UI Bootstrap Tabs. The main purpose of this directive is to remember the tabs that have been selected. I've looked at all the solutions out there and none seem to address this issue for tabs not…
Jon Robinson
  • 861
  • 2
  • 10
  • 18
1 2 3
4