Add a class angular ui tabs

Question

im using angular ui to create my tabs, and the code i inserted was the one available in the documentation:

<form name="outerForm" class="tab-form-demo">
            <div class="tabbable full-width-tabs">
            <uib-tabset active="activeForm">
                <uib-tab index="0" heading="Title 1">
                   text
                </uib-tab>
                <uib-tab index="1" heading="Title 2">
                    text
                </uib-tab>

            </uib-tabset>
                </div>
        </form>

The problem is by default the tabs with are not full width, and for this i need to add the bootstrap class nav-justified in the ul.navtabs, but since i cant access it because the code above, generates it, how can i implement a class?

Cotton · Accepted Answer · 2016-03-30 00:33:11Z

1

<uib-tabset active="activeForm" justified="true">

answered Mar 30, 2016 at 0:33

Cotton

1,1579 silver badges16 bronze badges

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

2 Comments

Pedro Over a year ago

Thanks, just for curiosity, how can i add custom classes do the elements?

Cotton Over a year ago

I think classes can be added as normal way, no?

Khaled Awad · Accepted Answer · 2016-03-30 00:36:06Z

0

  <uib-tabset active="activeForm" justified="true">
               <uib-tab index="0" heading="Title 1">
                   text
                </uib-tab>
                <uib-tab index="1" heading="Title 2">
                    text
                </uib-tab>
  </uib-tabset>

answered Mar 30, 2016 at 0:36

Khaled Awad

1,8741 gold badge12 silver badges24 bronze badges

Collectives™ on Stack Overflow

Add a class angular ui tabs

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related