Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at

  • Yves Kircher 21 posts 69 karma points
    Aug 26, 2014 @ 14:18
    Yves Kircher

    Custom Section View : change active Tab ( with javascript)

    Hey, i am developing a custom section for my umbraco 7, and i need to

    manually change the active Tab in Tabview i created.


            $scope.content = { tabs: [ 

    { id: 1, label: "xxx" }, 

    { id: 2, label: "yyy" }, 

    { id: 3, label: "zzz" }




    <umb-header tabs="content.tabs" >



    <umb-tab id="tab1" rel="nlstudio" >


  • Marco Teodoro 65 posts 139 karma points
    Feb 25, 2015 @ 12:15
    Marco Teodoro

    Hi Yves, did you find a way to do this? 



  • Dave Woestenborghs 3232 posts 10954 karma points MVP 5x admin c-trib
    Feb 25, 2015 @ 12:46
    Dave Woestenborghs

    You can set a class active on your umb-tab directive to make it active.


  • Marco Teodoro 65 posts 139 karma points
    Aug 03, 2018 @ 10:30
    Marco Teodoro

    Hi Dave!

    I know this is quite old but, I've a couple of overlays that i use to update data and then refresh the intere view or just the related list views.

    But what i need now in a couple of scenarios is to change the active tab on the controller when something happen.

    For instance some kind of form validation that will open the corresponding tab to show the users where they need to correct the issues. Or after adding some data in database, i would like to add a new tab and show it as active by default.

    Do you have any sample i can use as reference or point me out on the right direction?

    Many thanks, Marco

  • Zakhar 171 posts 397 karma points
    May 09, 2016 @ 16:59

    Nope, that doesn't work. Adding class="active" on second umb-tab, the first is always active by default.

Please Sign in or register to post replies

Write your reply to: