Skip to main content
56 questions
Newest Active Bountied Unanswered
Filter by
Sorted by
Tagged with
2 votes
0 answers
97 views

I want to migrate from ui-bootstrap to ng-bootstrap as they both are really different.How do you migrate from ui-Bootstrap to ng-Bootstrap? do you have some migration guide?
Aditya v's user avatar
  • 21
0 votes
1 answer
44 views

How can I avoid the refresh caused by the default behavior of the tag a (link) auto added by uib-tabset using angular-ui-bootstrap? Regards, Nicolas
NicoESIEA's user avatar
  • 539
0 votes
0 answers
32 views

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
0 answers
92 views

Asked a question prior regarding bootstrap tabs, however, I would still like to meet the same looks which can be found on this: http://beyondadmin-v1.6.0.s3-website-us-east-1.amazonaws.com/profile....
user avatar
1 vote
0 answers
590 views

I am trying to display menu and sub-menu using ui.bootstrap from angular.js but while selecting submenu the respective parent menu is not getting active class. dashboard.html: <li ng-class="{'...
satya's user avatar
  • 3,580
0 votes
1 answer
1k views

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
  • 474
3 votes
2 answers
133 views

Using angular 1.6.6 and ui-bootstrap 2.5.0 I'm trying to use a controller if the action property value is not null. The logic for each of my tabs is very different so that I don't want to put all tabs ...
MrFile's user avatar
  • 41
0 votes
1 answer
152 views

I've looked up to 10 pages deep on Google and can't find and answer to this one...so hopefully, there IS one. I would like to access a form (specifically, it's validity) from outside of the form. I'...
Wayne Kaskie's user avatar
  • 3,522
1 vote
1 answer
5k views

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
  • 379
0 votes
1 answer
2k views

I have something like: <uib-tabset active="vm.activeTab"> <uib-tab index="0" heading="First"> </uib-tab> <uib-tab index="1" heading="Second"> </uib-tab> ... <...
Chris Nelson's user avatar
  • 3,727
1 vote
1 answer
986 views

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,548
1 vote
1 answer
3k views

I am using Angular2 with typescript. The dependencies are resolved using npm. I want to use Modal dialog in my application. For this, I need to include angular-ui-bootstrap in my application. I need ...
Velkumar's user avatar
  • 41
0 votes
2 answers
2k views

I try to use NgTabset but i get this error TypeError: Cannot read property 'templateRef' of undefined .When i replace the ng-template with the template tag everything works fine .What am i doing wrong?...
Alexis_Ni's user avatar
  • 907
0 votes
0 answers
190 views

I am working on an angular app where I have an icon font I created in IcoMoon with a bunch of icons, I want to render those icons in an SVG component such as this: <svg style="width: 700px; ...
OtoLeo's user avatar
  • 363
0 votes
1 answer
511 views

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

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

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,167
0 votes
2 answers
2k views

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,407
0 votes
1 answer
1k views

i used uib carousel in angular js ,for slide video in every 5 sec. for that used object element to embed video in that using vlc plugin.but porblem is that uib carousel have fixed height and width. ...
Bhumiraj Darbar's user avatar
  • 21
0 votes
1 answer
125 views

<tabset class="paygrade-tabs"> <tab ng-repeat="tab in rps.currentPayGrade | orderBy: 'payGrade.code' : true track by $index" ng-click="changeTab(tab)" active="activeTabId === tab.id"> ...
Shamoon's user avatar
  • 43.9k
0 votes
1 answer
80 views

I have two recursive directives inside of ui-bootstrap tabs. For performance reasons I only want to actually load the directive when it's respective tab is active. So I use ng-if to on the directive ...
Justin Boyson's user avatar
  • 316
1 vote
2 answers
4k views

I'm using ng-bootstrap as a substitute for ui-bootstrap in angular2. My html is as follows: <div class="row" style="height: 100%;"> <div class="col-12"> <div class="container" ...
Akhilesh Kumar's user avatar
  • 9,375
0 votes
1 answer
659 views

I have implemented tabs using uib-tabset. There is issue with alignment of tab. As you can see in below image, my 'Current' tab is shifted to left and it is moving out of card leaving uncomfortable ...
Kunal Badade's user avatar
  • 25
3 votes
2 answers
4k views

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
  • 69
3 votes
1 answer
505 views

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
  • 701
1 vote
1 answer
859 views

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,550
1 vote
1 answer
2k views

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
  • 121
1 vote
1 answer
862 views

I'm in need to upgrade / migrate UI Bootstrap from 0.12.1 to 2.1.1 Is there any smooth change over this?
user5580917's user avatar
  • 11
2 votes
0 answers
169 views

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
  • 545
0 votes
1 answer
254 views

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
465 views

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
  • 15k
0 votes
1 answer
1k views

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 &...
AHJ's user avatar
  • 163
0 votes
1 answer
557 views

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 missing. <uib-tabset>...
Timothy Massing's user avatar
  • 55
0 votes
2 answers
3k views

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 ...
Paul Samsotha's user avatar
  • 210k
4 votes
1 answer
2k views

How to do horizontal scroll on click with right and left arrow. <div ng-controller="TabsDemoCtrl"> <button class="btn-sm btn-default glyphicon glyphicon-chevron-left" style="float: left; ...
htoniv's user avatar
  • 1,658
1 vote
1 answer
1k views

I wanted to do a browser like tabs but the event will be triggered inside a angular datatables (im using this one - angular-datatables). I have already setup the controller to listen on click per row ...
lemoncodes's user avatar
  • 2,421
0 votes
1 answer
1k views

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: <uib-tabset active="activeForm"> <uib-...
panagulis72's user avatar
  • 2,169
1 vote
2 answers
6k views

I'm trying to upgrade my version of bootstrap-ui from 0.14.x to the latest 1.3.2 and I'm encountering some issues regarding the uib-tabset / uib-tab directives. What I'm trying to do is dynamically ...
Tyler O's user avatar
  • 99
1 vote
1 answer
1k views

I am using angular UI Bootstrap for an angularjs project. I have a page with Carousel and Tabs (both are on the same page). The problem is that the Tabs are switching with respect to the Carousel ...
Sateesh Kumar Alli's user avatar
  • 288
1 vote
1 answer
622 views

I'm currently trying to use select element in tab blocks. With ui.bootstrap.tabs, select html element not fire the model on javascript side. You can show my problem at plunkr. When you change the ...
madjack's user avatar
  • 2,519
0 votes
1 answer
2k views

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 ...
ahwyX100's user avatar
  • 605
1 vote
3 answers
3k views

I am using the ui bootstrap 'tabs' component in my angularjs project. It is defined in a file called tab.html. the definition code is as follows : <uib-tabset class="product-tab-bar"> <...
ahwyX100's user avatar
  • 605
0 votes
1 answer
2k views

How to make UI bootstrap existing tab heading section to the drop down in the mobile view. HTML: <div> <div ng-controller="TabsDemoCtrl"> <hr /> <tabset justified="true"&...
user2936008's user avatar
  • 1,359
0 votes
1 answer
2k views

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 , ...
Jimmy Obonyo Abor's user avatar
  • 7,925
1 vote
2 answers
5k views

When using <uib-tabset> included in UI Bootstrap, the directive template surrounds the resulting unordered list with an empty <div> element. <div> <ul class="nav nav-{{type || '...
Jule Slootbeek's user avatar
  • 323
0 votes
1 answer
1k views

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 ...
Kirti's user avatar
  • 89
0 votes
1 answer
60 views

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 ...
Nayas Subramanian's user avatar
  • 2,387
6 votes
2 answers
15k views

I'd like to use ng-include in the content of a dynamically generated tab using AngularJs and UI Bootstrap. I have a Plunker here: http://plnkr.co/edit/2mpbovsu2eDrUdu8t7SM?p=preview <div id="...
vdiaz1130's user avatar
  • 331
0 votes
2 answers
2k views

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 ...
Fabien Roussel's user avatar
  • 235
2 votes
0 answers
298 views

We are working to make our application as accessible as possible. We need to allow customers to keep their hands on the keyboard and tab all the way through the application. We are using angular-ui/...
E. Hill's user avatar
  • 21

1
2