TabStrip (2nd level) not being shown/selected after clicking on it

6 posts, 0 answers
  1. Christian
    Christian avatar
    11 posts
    Member since:
    Sep 2015

    Posted 08 Dec 2015 Link to this post

    I did a tabstrip that has a second level for each tab in first level. When I clicked on one of these tabs in 2nd level, the tabstrip resets back to first level "Home" tab (that has "selected" by default) and second level of tabstrip disappears.

     

    I want to click on one of these tabs in second level, and shows its corresponding tab parent (in 1st level) being selected as well as itself. How can I achieve this behavior? 

     

     

    Thanks

  2. Veselin Tsvetanov
    Admin
    Veselin Tsvetanov avatar
    290 posts

    Posted 10 Dec 2015 Link to this post

    Hello Christian,

    I have implemented a sample RadTabStrip web-site testing your scenario. However, I wasn't able to reproduce the issue. Attached you will find my .aspx page. Could you modify it so it reproduces the described behavior and post your modifications for further review?

    Looking forward to your reply.

    Regards,
    Veselin Tsvetanov
    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
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Christian
    Christian avatar
    11 posts
    Member since:
    Sep 2015

    Posted 10 Dec 2015 in reply to Veselin Tsvetanov Link to this post

    I am using NavigateURL to assign where to go. after clicking a tab. But doing so, it resets tabstrip back to the first tab in 1st level (I called "Home").
  5. Christian
    Christian avatar
    11 posts
    Member since:
    Sep 2015

    Posted 10 Dec 2015 in reply to Christian Link to this post

    I saw your Tabstrip and it works well. My issue with my tabstrip is that I am using NavigateURL because every tab sends you to a different page externally. I use CSS to configure 1st level tabs to be highlighted when clicked and it shows their 2nd level tabs normally. When I click on one of these 2nd level tabs, 2nd level does not remain in and resets back to first tab in 1st level. 

    I tried to use RadMultiPage and didn't work.
  6. Veselin Tsvetanov
    Admin
    Veselin Tsvetanov avatar
    290 posts

    Posted 11 Dec 2015 Link to this post

    Hi Christian,

    If you navigate using the NavigateURL property of the RadTab, you actually redirect user to that specific page. Using the NavigateURL prevents the client and the server events (except for the OnClientTabSelecting client event). In this way, what happens is that you do not select that specific tab, but just click the link specified. If you then perform page reload in some manner, you will be forced to the default state of the control. You can consult this KB Article, which explains how to persist the selected state using the client-side API.

    The above directions are just general principles. It will be easier to test your specific scenario, if you give is the exact markup of your page.

    Regards,
    Veselin Tsvetanov
    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
  7. Christian
    Christian avatar
    11 posts
    Member since:
    Sep 2015

    Posted 13 Dec 2015 in reply to Veselin Tsvetanov Link to this post

    Hi Veselin,

    I used the OnClientTabSelecting client event and it worked. 

    Thanks for the article. It helped me to understand how RadTabstrip works. 

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