How to create sub tabs inside a tab view?

I want to create 2 sub tabs within a tab view, so when users click that sub tab, different views appear- just like when we open lots of tabs in Chrome.

Can anyone tell me how to make that happen?

Thanks!

Not too sure if this will be possible. The way ui-router works is that all the views need to defined and have a url, so dynamic tabs as you describe may not be do-able.

Question first though, the content of the new tab, will this be generated data or just static? Such as this quick example

Oh I was only trying to create two static bars in one view:

it turned out all I need to do is use the button-bar CSS.

But thanks anyway!

1 Like

hei i have the same problem can u tell me how u fixed it

Check this out…

2 Likes

thank you so much, but i want sub-tabs just
right above main tabs. and i try your code and change the ‘tabs-top’ to ‘tabs-bottom’ or not using it.and then the sub-tabs just gone. can u help me sir. im so newbie with this

here the example
image