Tabstrip stops working when Grid added

4 posts, 0 answers
  1. Greg
    Greg avatar
    35 posts
    Member since:
    Sep 2013

    Posted 14 Dec 2015 Link to this post

    I have an edit cshtml page in an MVC app with a Kendo tabpanel on it.

    The tabpanel works, as does data retrieval and updates.

    My problem is that when I add a Kendo grid control, the tab panel stops working, and by "stops working", I mean that it no longer changes tabs. Regardless of what you click, it stays on the first tab.

    It makes no difference if the grid is editable or not. Also makes no difference if the grid is inside or outside the tabpanel.

    Any ideas? Thanks.
  2. Greg
    Greg avatar
    35 posts
    Member since:
    Sep 2013

    Posted 14 Dec 2015 Link to this post

    Another clue: When I place the grid control at the bottom of the body, the tabpanel works.

    Unfortunately, I need to put the grid inside one of the tabpanels.

  3. UI for ASP.NET MVC is VS 2017 Ready
  4. Milena
    Admin
    Milena avatar
    224 posts

    Posted 15 Dec 2015 Link to this post

    Hello Greg,

    The most probable reason for this behavior is that some javascript error appears when changing the tabs. Can you verify the browser`s console for an error? If there is an error you can try to resolve it and then test the same scenario again.

    You can see an example of integration of grid and tabstrip on this demo.

    Regards,
    Milena
    Telerik
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  5. Greg
    Greg avatar
    35 posts
    Member since:
    Sep 2013

    Posted 15 Dec 2015 in reply to Milena Link to this post

    Thanks. That led right to the problem. I was missing:

     <script src="~/js/kendo.aspnetmvc.min.js"></script>

Back to Top
UI for ASP.NET MVC is VS 2017 Ready