This is a migrated thread and some comments may be shown as answers.

Child selected link of tab not getting highlighted

3 Answers 65 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
sudheer
Top achievements
Rank 2
sudheer asked on 01 Apr 2009, 05:14 PM
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

3 Answers, 1 is accepted

Sort by
0
Paul
Telerik team
answered on 06 Apr 2009, 01:15 PM
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.
0
sudheer
Top achievements
Rank 2
answered on 07 Apr 2009, 02:01 PM
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.


0
Paul
Telerik team
answered on 10 Apr 2009, 12:05 PM
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.
Tags
TabStrip
Asked by
sudheer
Top achievements
Rank 2
Answers by
Paul
Telerik team
sudheer
Top achievements
Rank 2
Share this question
or