I am using a RadPanelBar -- I am currently hiding the expand and collapse arrows using the following code:
.rpExpandHandle
{
display: none!important;
}
.rpCollapseHandle
{
display: none!important;
}
This works great -- except now I need to add another RadPanelBar to the same page where I need to show the expand and collapse arrows.
I read in the following help file that if you set the imageUrl and imagePosition to right, then it will replace the image. Unfortunately I can't get that to work.
Here's the help link:
http://www.telerik.com/help/aspnet-ajax/panel_appearanceitemimages.html
Here's my code sample:
<
telerik:RadPanelBar
runat
=
"server"
ID
=
"SupportPanelBar"
Width
=
"150"
>
<
ExpandAnimation
Type
=
"None"
></
ExpandAnimation
>
<
CollapseAnimation
Type
=
"None"
></
CollapseAnimation
>
<
Items
>
<
telerik:RadPanelItem
Text
=
"TeamSideline"
Expanded
=
"True"
PreventCollapse
=
"true"
NavigateUrl
=
"/Home.aspx"
ImagePosition
=
"Right"
ImageUrl
=
"~/img/icon_delete_active.png"
SelectedImageUrl
=
"~/img/icon_delete_active.png"
>
<
Items
>
<
telerik:RadPanelItem
Text
=
"Support Menu"
NavigateUrl
=
"/Support/Home.aspx"
BackColor
=
"#D7D8D8"
/>
<
telerik:RadPanelItem
Text
=
"Public Downloads"
NavigateUrl
=
"/TsMoreInfo.aspx"
BackColor
=
"#D7D8D8"
/>
</
Items
>
</
telerik:RadPanelItem
>
</
Items
>
</
telerik:RadPanelBar
>
And the output is attached. I am using the telerik dll -- 2010.3.1109.40
Your help is appreciated.
Thanks,
Todd.