Refers to the Angular UI Bootstrap tabs directive, which is an Angular implementation of Bootstrap tabs.
0
votes
0answers
21 views
Angular tab set to active based on url
I have 2 problems.
1. Child urls automatically redirecting to parent url
2. tab is not setting to active using other link (footer links)
Example:
1. #/about-us/agreement is redirecting to #/about-...
0
votes
2answers
29 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"&...
0
votes
1answer
37 views
How to change height width of uib carousel?
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. ...
0
votes
1answer
25 views
Why do I get a nonassign error in the angular-bootstrap tabset?
<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">
...
0
votes
1answer
30 views
ng-if with recursive directives does not work as expected
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 ...
0
votes
1answer
296 views
EXCEPTION: Error in ./NgbTabset class NgbTabset - inline template:12:20 caused by: Cannot read property 'templateRef' of undefined
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" ...
0
votes
1answer
64 views
Issue with uib-tab alignment
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 ...
2
votes
2answers
608 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="...
2
votes
1answer
136 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 ...
1
vote
0answers
64 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 ...
0
votes
1answer
466 views
Angular UI-Bootstap 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 ...
0
votes
1answer
49 views
Need to migrate/upgrade ui bootstrap from 0.12.1 to 2.1.1
I'm in need to upgrade / migrate UI Bootstrap from 0.12.1 to 2.1.1
Is there any smooth change over this?
2
votes
0answers
56 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 ...
0
votes
1answer
32 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?
0
votes
0answers
172 views
Responsive tabs customised solution using df-tab-menu
Im trying to create a custom tabs solution whereby tabs/tab headers are moved to a menu when they would normally wrap onto a second line. I already use uib-tabset and uib-tabs thoughout my application ...
1
vote
0answers
215 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" so the ...
0
votes
1answer
189 views
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 &...
0
votes
1answer
71 views
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 missing.
<uib-tabset>...
0
votes
2answers
741 views
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 ...
2
votes
1answer
423 views
Angularjs - Horizontal scroll upon button click
I am new to angularjs and angular bootstrap UI. So i dont know how to do horizontal scroll on click with right and left arrow.
<div ng-controller="TabsDemoCtrl">
<button class="btn-sm btn-...
0
votes
0answers
61 views
Auto-select AngularUI added Dyanmic Tab
How do you auto select the newly added tab on a angular-ui tab (angular-ui tab)?.. i have done the configuration wherein i have a sample button and added a function to it.. see source code below
...
1
vote
1answer
386 views
Angular JS Datatables row click event add dynamic AngularUI Tab
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 ...
0
votes
1answer
539 views
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:
<uib-tabset active="activeForm">
<uib-...
0
votes
0answers
140 views
UI-Bootstrap Tabs non-isolated scope
I am trying to figure out how to override the isolated scope in Tabs. I know changing the default code is not the correct solution but I figured I would start somewhere. Setting scope:false in the '...
1
vote
2answers
2k views
Angular UI Bootstrap tabset with ng-repeat
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 ...
1
vote
1answer
431 views
Angular UI Bootstrap Carousel and Tabs collision when they are on same page
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 ...
0
votes
1answer
198 views
Select element not working in ui.bootsrap.tabs
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 ...
0
votes
1answer
589 views
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 ...
1
vote
3answers
1k views
angular ui bootstrap tabs component: how to get the content of a tab when the tab is active not clicked
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">
<...
0
votes
1answer
252 views
(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:
<div>
<div ng-controller="TabsDemoCtrl">
<hr />
<tabset justified="true"&...
0
votes
1answer
893 views
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 , ...
1
vote
2answers
3k views
UI Bootstrap adds <div> around <uib-tabset> directive, breaking CSS
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 || '...
0
votes
1answer
498 views
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 ...
0
votes
1answer
34 views
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 ...
5
votes
2answers
6k views
Dynamic Content in Dynamic Tab (Angular, UI Bootstrap)
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="...
0
votes
2answers
850 views
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 ...
1
vote
0answers
153 views
How do move focus to input within Angular-ui / bootstrap tabset container?
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/...
0
votes
3answers
3k views
Angular ui timepicker pop up not showing up
The following code not showing up pop up timepicker. Any idea how to fix?
Code:
<ul class="dropdown-menu custom-scroll dropDownLabel custom-width" role="menu" aria-labelledby="btn-append-to-...
2
votes
1answer
250 views
How does transclusion on Angular UI Bootstrap's <tab> directive work?
I'm currently trying to create a directive that has two transcluded sections and have been unsuccessful so far. Now I discovered that the tab directive of Angular UI Bootstrap does exactly that! ...
1
vote
1answer
217 views
Sticky states are reinitializing controller
I have problems implementing sticky tabs where each tab can have multiple child states using ui-router-tabs and ui-router-extras.
When I open a state, move to annother and then go back to the first ...
0
votes
1answer
532 views
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 ...
2
votes
3answers
3k views
Angular UI bootstrap pagination not working inside ui.bootstrap.tabs
Angular UI bootstrap gives awesome solutions. Very unfortunately Pagination (ui.bootstrap.pagination) does not working inside Tabs (ui.bootstrap.tabs)
DEMO http://plnkr.co/edit/mLBkDwEVY6SIh5oCyy0K?...
14
votes
2answers
17k views
How to pass form data from angular ui bootstrap modal to view
I'm creating a webapp and I want to implement an option to add friends. I've created the add friend page as a modal with a text input field. I want to test this by displaying the input on my view page....
