Tab is not switching but the URL of that tab is changing

2 posts, 0 answers
  1. sudarshan
    sudarshan avatar
    2 posts
    Member since:
    Aug 2016

    Posted 12 Sep 2016 Link to this post

    Need Help please...!!!

    I am using tabstrip and angular UI routing to navigate those tabs. When i click on the tab it's url is changing but the tab is not switching.

    I have 3 tabs. First 2 tabs are working as expected. But the last tab is not switching even though it's url is changing.

    Here is my HTML code.


    <div id="tabstrip" kendo-tab-strip="tabs">
                <!-- tab list -->
                    <li class="k-state-active"><a ui-sref="mercury_dashboard">Mercury Dashboard</a></li>
                    <li><a ui-sref="transaction_view">Mercury Transaction view</a></li>
                    <li><a ui-sref="deliveries_view">Mercury Deliveries view</a></li>

    Corresponding JS file.

    var mercury=angular.module("mercury", [ 'kendo.directives' ,'ui.router']);

            mercury.config(['$stateProvider', '$urlRouterProvider', function($stateProvider, $urlRouterProvider)
                                {url : '/mercury_dashboard',
                                controller: 'mercury_controller'
                                {url : '/transaction_view',
                                controller: 'transaction_controller',
                                templateUrl: 'transaction_view.html'
                                {url : '/deliveries_view',
                                controller: 'deliveries_controller',
                                templateUrl: 'deliveries_view.html'

    Please let me know if you need further information. 

    Thank you.

  2. Veselin Tsvetanov
    Veselin Tsvetanov avatar
    1241 posts

    Posted 14 Sep 2016 Link to this post

    Hi Sudarshan,

    The Kendo TabStrip is not expected to work properly, configuring the routes, using Angular UI router. Therefore you won't be able to achieve the desired selected tab change.

    Veselin Tsvetanov
    Telerik by Progress
    Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
Back to Top