Refers to the Angular UI Bootstrap tabs directive, which is an Angular implementation of Bootstrap tabs.
1
vote
0answers
35 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 ...
3
votes
2answers
1k 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 ...
0
votes
1answer
17 views
ui boostrap 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
0answers
12 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.
...
0
votes
2answers
63 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 ...
1
vote
0answers
92 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 ...
1
vote
0answers
45 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
58 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
2answers
1k 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" ...
0
votes
2answers
154 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 ...
0
votes
1answer
27 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">
...
0
votes
0answers
38 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
1answer
121 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
39 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
144 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 ...
0
votes
3answers
212 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
70 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 ...
0
votes
2answers
456 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 ...
0
votes
0answers
67 views
bootstrap-ui tabs and accordion not working properly with ng-view using bootstrap 3.3.5
I have a site that is using angular, bootstrap, bootstrap-ui and angularAMD (in order to use require.js).
I'm using ngRoute and ng-view to switch the content (using html partials) and the angular ...
1
vote
2answers
2k 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
599 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 , ...
0
votes
1answer
309 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
26 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 ...
0
votes
0answers
13 views
using single controller with tab & datepicker, $scope.dt is not working in angularuibootstrap
I have using latest version of angular ui bootstrap.
I created single controller with tab & datepicker, onload the datepicker is working fine.
I get issue, when clicking/ changing the date, the ...
0
votes
0answers
44 views
using angular-ui tabset with grid system makes my elements float
I'm using tabset provided by angular-ui and when I use a DIV with "col-md-4" as tab's content, makes my panel float outside the tab.
If I don't specify a col configuration, it place inside the tab ...
1
vote
0answers
94 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 ...
2
votes
1answer
164 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
135 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
0answers
464 views
Angular bootstrap sliding tabs - Controller 'tabset', required by directive 'tabContentTransclude', can't be found
I am trying to have bootstrap tabs load on button click, but it returns an error:
Error: [$compile:ctreq] Controller 'tabset', required by directive 'tabContentTransclude', can't be found!
...
0
votes
1answer
340 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
2answers
1k 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 ...
