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

Question

Closed. This question needs debugging details. It is not currently accepting answers.

Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.

Closed 7 years ago.

Improve this question

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:

<uib-tabset active="1">
    <uib-tab heading="tab1" index="0">
      ........
    </uib-tab>

    <uib-tab heading="tab2" index="1">
      ..........
    </uib-tab>
</uib-tabset>

Are you using the latest version of angular-ui-bootstrap? And also which files you have included from library? — Devang Naghera
– Devang Naghera, Commented Jan 7, 2018 at 8:47
Same example is working for me. plnkr.co/edit/02qexEXIaUpDxoar3fux?p=preview — Rjoydip
– Rjoydip, Commented Jan 7, 2018 at 8:53
Same here: plnkr.co/edit/vLIcTrdpxMGLIVJz8IaI?p=preview. Post a complete minimal example reproducing the issue. — JB Nizet
– JB Nizet, Commented Jan 7, 2018 at 8:54

hagai · Accepted Answer · 2018-01-08 17:58:59Z

0

Thanks, I was able to fix it, I'm using an older version (1.x) so solution is:

<uib-tabset >
    <uib-tab heading="tab1" active="true">
      ........
    </uib-tab>

    <uib-tab heading="tab2" >
      ..........
    </uib-tab>
</uib-tabset>

edited Jan 8, 2018 at 17:58

answered Jan 7, 2018 at 9:44

hagai

4741 gold badge7 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

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

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related