Can we have nested routable tabs?

Questions
1

I want to have a nested routable tabs. below is my current tabs page. I want to have another three tabs in tab1. is it possible?

    {
        path: '/home/',
        url: './pages/home.html',
        tabs: [
            {
                path: '/',
                id: 'tab1',
                componentUrl: './pages/tabs/tab1.html',
            },
            {
                path: '/tab2/',
                id: 'tab2',
                componentUrl: './pages/tabs/tab2.html',
            },
            {
                path: '/tab3/',
                id: 'tab3',
                componentUrl: './pages/tabs/tab3.html',
            },
            {
                path: '/tab4/',
                id: 'tab4',
                componentUrl: './pages/tabs/tab4.html',
            },
            {
                path: '/tab5/',
                id: 'tab5',
                componentUrl: './pages/tabs/tab5.html',
            },
        ],
    }

Thanks in advance.

2

routable tabs in routable tabs are not supported

1 Like
3

I have met same problem. I use a outer routable tabs . In tab1, i use a normal tab. and it work. but the problem is that in the sub tab , in order to make the content scroll i place the page-content inside the tab div. but it does not has scroll bar.