Skip to main content

All Questions

0 votes
0 answers
32 views

Navigate between bootstrap dynamics tabs in angularjs application

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 ...
Adrien's user avatar
  • 2,964
0 votes
1 answer
1k views

Select active tab in uib-tabset ui-bootstrap angularjs [closed]

I'm trying to select active tab with uib-tabset in ui-bootstrap library. Seems like that setting active="1" or active="0" has no effect on the active tab. documentation is in here https://angular-ui....
hagai's user avatar
  • 464
1 vote
1 answer
5k views

angularjs uib-tabset not working under ui-bootstrap 2.5.0

Why this snippet is not working? By clicking on the button, it should switch to the selected tab. Whereas this example here with different versions of angularjs and bootstrap work: Link: angularjs ...
Bonnard's user avatar
  • 389
1 vote
1 answer
986 views

AngularJS, UI Bootstrap's Tabs and Datatables

I am using UI Bootstrap's Tabs and inserting Datatables in each tab but the datatable is not getting rendered. If I remove uib-tabset and uib-tab the datatable gets rendered. Here's the html code &...
Kihats's user avatar
  • 3,530
0 votes
1 answer
507 views

ng-Click affects to different controller

I am using angularjs UI bootstrap to make tabs. I have buttons in navbar that switches to different tabs. navbar with its own controller is nested inside the main controller. I wanted to know on how ...
Pujan's user avatar
  • 69
0 votes
1 answer
215 views

Accessing controller inside overridden template-url of uib-tab

angular-bootstrap version used : 1.2.0 angular-version : 1.5.7 I am trying to override header html of uib-tab like below, <li ng-class="{active: active, disabled: disabled}" class="uib-tab"> ...
JPS's user avatar
  • 2,760
1 vote
1 answer
2k views

UI Bootstrap and modal with tabs: the first tab is focused with a border

I have a UI Bootstrap modal with uib-tabs within. When I open the modal the first tab is "browser-focused" surrounded with a blue border, like this: I'm using: angular 1.5.8 Bootstrap css 3.3.7 UI ...
sports's user avatar
  • 8,157
0 votes
2 answers
2k views

Angular Bootstrap if tab is active, hide external div

Is there a way to detect if a specific tab is active and then hiding a div outside all tabs when it is active? Plunker: https://plnkr.co/edit/b9O9S7JxxgzhQKcKONkn?p=preview <div class="border"&...
simple's user avatar
  • 2,397
3 votes
2 answers
4k views

Angular UI bootstrap tabs - Can't change tabs with a button inside a tab

I'm trying to change my active tab with a button inside the tab directive uib-tabset, but the button is only working OUTSIDE this directive. What am I doing wrong? Here's the code: <button type="...
pharoeste's user avatar
3 votes
1 answer
498 views

columnDefs header does not show from time to time

I have a very random problem on UI. It looks like the column definitions do not show from time to time. it works fine 9 out of 10 times. Two gif animations have been included to show what I actually ...
adam.bielasty's user avatar
1 vote
1 answer
859 views

How to active tab in Angular Bootstrap UI after change route

I have used tab component in Angular Bootstrap UI and ui-router for routing in my Angularjs app. Now I want to active one of tabs, after change route. In fact I have a search route and I want to ...
Morteza QorbanAlizade's user avatar
1 vote
1 answer
2k views

Angular UI-Bootstrap tabs: not set active tab

I have this plunkr that have a system to add tabs dynamically. When I add a new tab, it is setted as active tab. The problem becomes when I add two tabs, clicks on a first tab and add a new tab. With ...
Marc Fernandez's user avatar
2 votes
0 answers
168 views

Ui-Bootstrap: Error: [$compile:ctreq]

I have written a tabset in the body of an html page. However, only a portion show up and the others are presented near the header as list items represented by a bullet point. I know I have everything ...
Johnathan Mackney's user avatar
0 votes
1 answer
252 views

UI Bootstrap: Execute specific function before tab changes

As in the title writes, is it possible to intercept tab change event and execute some function before that occurs?
softzer0's user avatar
  • 465
1 vote
0 answers
457 views

Angular JS access form in scope inside Angular Bootstrap tab

I have a form in an Angular JS 1.4.1 prototype. I have a class on it set when it's dirty. I am trying to simulate someone "saving" the form, and therefore it's not dirty, it's "saved&...
Steve's user avatar
  • 14.9k

15 30 50 per page