lukaszwatroba / v-tabs Goto Github PK

When the pages loads it does not activate the first page by default. I need to click on it to activate it. Do you know how to have the first page activated by default ?

Thanks !!

Cheers

Hi,

I'm using the following code to implement multiple tab menus:

`

A

    <v-pages class="vPages--default" active="activeTabIndex">
        <v-page>
            <h3>Page 1</h3>
            <p>Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis.</p>
        </v-page>
        <v-page>
            <h3>Page 2</h3>
            <p>Maecenas malesuada elit lectus felis, malesuada ultricies.</p>
        </v-page>
        <v-page>
            <h3>Page 3</h3>
            <p>Curabitur et ligula. Ut molestie a, ultricies porta urna.</p>
        </v-page>
    </v-pages>

    <h2>B</h2>
    <v-tabs class="vTabs--default" horizontal active="activeTabIndex">
        <v-tab>Tab 1</v-tab>
        <v-tab>Tab 2</v-tab>
        <v-tab>Tab 3</v-tab>
    </v-tabs>

    <v-pages class="vPages--default" active="activeTabIndex">
        <v-page>
            <h3>Page 1</h3>
            <p>Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis.</p>
        </v-page>
        <v-page>
            <h3>Page 2</h3>
            <p>Maecenas malesuada elit lectus felis, malesuada ultricies.</p>
        </v-page>
        <v-page>
            <h3>Page 3</h3>
            <p>Curabitur et ligula. Ut molestie a, ultricies porta urna.</p>
        </v-page>
    </v-pages>

`

Code dump from above - http://pastebin.com/pCztkMgk

But when I click the tab items in the first tab menu, that same selection is also made in the 2nd tab menu. I have tried wrapping the menus within individual divs but that hasn't helped.

Hi Lukas, thanks for v-tabs, a pretty nice alternative to the usual bootstrap tabsets.
To make it even more valuable I recommend to add configurable lazy-loading to v-tabs. The expected behaviour should be : once I configure v-tabs to use lazy-loading, it should load the tabs contents only if the tab gets active the very first time. When I walk through three tabs I'd want them to be initialized only once the first time a tab gets active and then kinda cache the contents (like vtabs does it now). Would you be able to add that ?

I've tried to use tabs with and without ng-repeat, but it seems the tabs don't default to index 0 correctly when using the sample code for non-ng-repeating tabs.

The index is set correctly, but the tab is not highlighted/selected and the page will not show.

Can you please add API method to menipulate tabs. Like RemoveTab() and disableTab() methods.