Maintain HighLighted Item on Same Page

[Karthik]

Hi

Below is my Code:

<FONT color="#0000ff" size="2" face="Consolas"><FONT color="#0000ff" size="2"
face="Consolas"><FONT color="#0000ff" size="2"
face="Consolas"><telerik:RadPanelItem Text="Content Details" Expanded="True"
PostBack="false"
Selected="true"><BR>
<Items><BR>
<telerik:RadPanelItem Text="Description" Value="DESCRIPTION"
></telerik:RadPanelItem><BR>
<telerik:RadPanelItem Text="Objectives/Requirements"
Value="Requirements"></telerik:RadPanelItem><BR>
<telerik:RadPanelItem Text="Scenario Details"
Value="ScenarioDetails"></telerik:RadPanelItem>
<BR>
<telerik:RadPanelItem Text="Categorization"
Value="TrainingDiscipline"></telerik:RadPanelItem><BR>
<telerik:RadPanelItem Text="Simulator Details"
Value="SimulatorDetails"></telerik:RadPanelItem>
<BR>
<BR>
</Items><BR>
</telerik:RadPanelItem><BR></FONT></FONT></FONT>

Now I want to maintain the Selected Item even if click the Root Item(Here : "DESCRIPTION").

if click any item under "DESCRIPTION" then the selected item is highlighted
and Now if click the root item i.e."DESCRIPTION" then the "DESCRIPTION" is Highlighted, but i want to hhighlight the child Item i.e "Categorization", because i'm still on the same page.

I attached the screen shots also. I want to maintain the Highlighted selected Item based on the current page.
Thanks in Advance
karthik

[Shinu]

Hello Karthik,

Take a look at the following demo.
PanelBar / Client-side API

-Shinu.

[Karthik]

Hello Shinu

Thanks for your reply

My Control Looks like:

ParentItem1
   ChildItem1a
   ChildItem1b
ParentItem2
   ChildItem2a
   ChildItem2b


Now if i click the "childItem1a" then it will be highlighted , now click the "ParentItem1" then controls collapsed (i'm on the Same Page).
again if expand the control by clicking "ParentItem1" then it will be highlighted but i want to high light the Item "ChildItem1a
"

Is there any way to achieve this task??

Thanks in Advance
karthik.D