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

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 want something like the dynamics tabs from angularjs…
Adrien
  • 2,866
  • 4
  • 23
  • 46
0
votes
0 answers

How to achieve these bootstrap tabs

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.html. The issue I was originally facing was that the…
user5637567
0
votes
1 answer

Select active tab in uib-tabset ui-bootstrap angularjs

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.github.io/bootstrap/ Example:
hagai
  • 424
  • 1
  • 7
  • 13
0
votes
1 answer

Pass form to directive that lives outside of the form

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've seen and implemented the use of require:…
0
votes
1 answer

How can I make the tab in an AngularJS uib-tabset linkable?

I have something like: ... And my controller recognizes ...#page&tab=second to navigate here (by…
Chris Nelson
  • 3,519
  • 7
  • 40
  • 51
0
votes
2 answers

Angular 2 ng-bootstrap,NgbTabset Error:Uncaught (in promise): TypeError: Cannot read property 'templateRef' of undefined

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? Here is the code:
Alexis_Ni
  • 907
  • 7
  • 14
0
votes
0 answers

How do I render svg icons in a svg component?

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: I tried this, but…
OtoLeo
  • 363
  • 3
  • 19
0
votes
1 answer

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 to make the buttons in the navbar switch tabs…
0
votes
1 answer

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,
  • 0
    votes
    2 answers

    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
    Hide me when Tab #3 is active.

    0
    votes
    1 answer

    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. how i change it and make it response. if i use…
    0
    votes
    1 answer

    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 like so:
    Justin Boyson
    • 189
    • 2
    • 16
    0
    votes
    1 answer

    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 space between 'Current' and 'Upcoming'. I want…
    0
    votes
    1 answer

    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?