[Solved] Hiding Expand/Collapse Image

[Todd A]

In a post I found -- I used the below code to hide the expalnd and collapse image on the panel bar.

<style type="text/css">
    div.RadPanelBar .rpExpandable .rpText,
    div.RadPanelBar .rpExpanded .rpText
    {
        background-image:none;
    }
</style>

Which worked great, until I upgraded to the latest 2010 Q2 dll.  I was using the 2009 Q3 dll. 

It would be great if there was a property for this -- although I don't see anything like that.   Any ideas?

Thanks,
Todd.

[Shinu]

Hello Todd,

Try the following CSS on page to hide the expand/collapse images of RadPenlBar.

CSS:

<style type="text/css">
    .rpExpandHandle
    {
        display: none !important;
    }
     .rpCollapseHandle
    {
        display: none !important;
    }
</style>

-Shinu.

[Todd A]

That fixed it.  Thank you.

[Ryan Pope]

Instead of hiding the image, how do I move it from the left side to the right side?
Example in the attached image

[Shinu]

Hi Ryan Pope,

By default expand/collapse image of the RadPanelBar is  on the right side. Please have a look into the sample code.

ASPX:

<telerik:RadPanelBar ID="RadPanelBar1" runat="server">
    <Items>
        <telerik:RadPanelItem Text="Item1" runat="server">
            <Items>
                <telerik:RadPanelItem Text="Item1.1" runat="server">
                </telerik:RadPanelItem>
                <telerik:RadPanelItem Text="Item1.2" runat="server">
                </telerik:RadPanelItem>
            </Items>
        </telerik:RadPanelItem>
    </Items>
</telerik:RadPanelBar>

You can use the float property which specifies whether a box/element should float to the left,right or not at all.

Thanks,
Shinu.