Child selected link of tab not getting highlighted

4 posts, 0 answers
  1. sudheer
    sudheer avatar
    109 posts
    Member since:
    Dec 2008

    Posted 01 Apr 2009 Link to this post

    Hi telerik team,

    How do i highlight selected child tab even if page get post back .
    i m able to highlight parent selected tab with the below css 
    /* Orientation: Top */ 
    .RadTabStripTop_WhiteTab .rtsOut { background: transparent url('../images/TabStrip_New1.gif') no-repeat 100% 0; } 
    .RadTabStripTop_WhiteTab .rtsSelected { background-position: -12px -26px;text-decoration:underline;color:#ff7101; } 
    .RadTabStripTop_WhiteTab .rtsFirst .rtsSelected { background-position: 0 -26px;text-decoration:underline;color:#ff7101; } 
    for child to highlight  i followed below piece of css
    /* Orientation: Bottom */ 
    .RadTabStripBottom_WhiteTab .rtsOut { background: transparent url('../images/TabStrip_New1.gif') no-repeat 100% -78px; } 
    .RadTabStripBottom_WhiteTab .rtsSelected { background-position: -12px -104px;text-decoration:underline;color:Red; } 
    .RadTabStripBottom_WhiteTab .rtsFirst .rtsSelected { background-position: 0 -104px;text-decoration:underline;color:Red; } 
    but child selected link not getting highlighted as red

    Any help appreciable
  2. Paul
    Admin
    Paul avatar
    4281 posts

    Posted 06 Apr 2009 Link to this post

    Hello sudheer,

    Could you please provide details on the browser brand and version that you use?

    Thanks,
    Paul
    the Telerik team

    Check out Telerik Trainer , the state of the art learning tool for Telerik products.
  3. sudheer
    sudheer avatar
    109 posts
    Member since:
    Dec 2008

    Posted 07 Apr 2009 Link to this post

    Hi paul,

    Browser version is IE7.0
    please look below image for quick reference
    http://picasaweb.google.com/lh/photo/2_3EG__PtM3n6YWQmcsM4w?feat=directlink
    in which if i select child links it will navigate(postback) and i want selected child link should get highlight.

    looking for response.


  4. Paul
    Admin
    Paul avatar
    4281 posts

    Posted 10 Apr 2009 Link to this post

    Hi Sudheer,

    There's quite a difference between navigate and postback. If you tabstrip makes postback on tab click then the clicked tab will be automatically selected after the postback. Still, if you are navigating to new pages while clicking on the tab, then you will have to manually select the needed tab based on the loaded URL. This can be achieved by using the FindTabByUrl method on Page_Load event, i.e.:

    protected void Page_Load(object sender, System.EventArgs e)  
    {  
        RadTab tab = RadTabStrip1.FindTabByUrl(Request.Url.PathAndQuery);  
        if (tab != null)  
        {  
            tab.Selected = true;  
            tab.SelectParents();  
            tab.PageView.Selected = true;  
        }  
    }  
     


    All the best,
    Paul
    the Telerik team

    Check out Telerik Trainer , the state of the art learning tool for Telerik products.
Back to Top