Hiding Expand/Collapse Image

5 posts, 1 answers
  1. Todd A
    Todd A avatar
    43 posts
    Member since:
    Sep 2009

    Posted 27 Jul 2010 Link to this post

    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.
  2. Answer
    Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 28 Jul 2010 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Todd A
    Todd A avatar
    43 posts
    Member since:
    Sep 2009

    Posted 28 Jul 2010 Link to this post

    That fixed it.  Thank you.
  5. Ryan Pope
    Ryan Pope avatar
    61 posts
    Member since:
    Apr 2008

    Posted 29 Oct 2013 Link to this post

    Instead of hiding the image, how do I move it from the left side to the right side?
    Example in the attached image
  6. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 29 Oct 2013 Link to this post

    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.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017