RadPanelBar collapse and expand image

12 posts, 0 answers
  1. David
    David avatar
    14 posts
    Member since:
    Jul 2008

    Posted 21 Nov 2008 Link to this post

    Hi there:

    First of all Congrats for the new Design and performance of Telerik Forums :D you're great guys.

    Now, my problem jejeje. I've been using radpanel bars and I'm trying to customize their styles with the Telerik theme builder. I've localized the collapse and expand images in the element tree:

    ------RadPanelGroupElement (Properties: GroupCollapseExplorerBarImage, GroupExpandExplorerBarImage)

    At the last Element I've found those images, but even when I changed them, nothing happened. I don't know if those are the correct images that I've need to change.

    Could you help me with that issue?

  2. Boyko Markov
    Boyko Markov avatar
    610 posts

    Posted 25 Nov 2008 Link to this post

    Hi David,

    Thank you for the nice words about the Forums - we are actively working on their next version I am sure you will enjoy the improvements that we will implement.

    I'm sorry for the inconvenience you have experienced using RadPanelBar. It seems that the caption images for expand/collapse are hard coded and I won't be able to provide you a solution, or even a work-around. However we will have a SP release next week and I will do my best to fix this issue and make it possible to change the expand/collapse image through the VSB tool or by using the control's API.

    Please let me know if there is something else regarding RadPanelBar.

    Kind regards,
    Boyko Markov
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  3. Mira
    Mira avatar
    2 posts
    Member since:
    Feb 2009

    Posted 16 Aug 2009 Link to this post

    Did you fix this bug?
    And if not when are you going to fix it?
  4. Boryana
    Boryana avatar
    330 posts

    Posted 18 Aug 2009 Link to this post

    Hello Mira,

    Thank you for your interest. Unfortunately, this issue has not been addressed yet. Our team apologizes for the inconvenience.

    Nevertheless, I managed to produce a workaround for this case. The only way to apply custom images to RadPanelBarCaptionButtons is to set their Image property each time the RadPanelBarGroupElements have been expanded or collapsed. This will also allow you to customize the image size, location, and ImagePrimitiveAngle. For further information, please refer to the attached sample project.

    I hope this is helpful. Our team apologizes once again. We will address this issue in the future releases. Please, let me know if the provided workaround is convenient for you.

    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
  5. Karl
    Karl avatar
    172 posts
    Member since:
    Sep 2010

    Posted 14 Oct 2010 Link to this post

    I'm having a similar issue with the asp ajax RadPanelBar control.

    I want to change the icon shown on an expandable panel for its different states but cant see how this is done. I've even visited the Telerik Visual Style Builder site (which I appreciate is only Beta) and while the icon is shown in the style, it can't be edited. Is the ability to change this icon in the list of changes scheduled for this control?

  6. Karl
    Karl avatar
    172 posts
    Member since:
    Sep 2010

    Posted 14 Oct 2010 Link to this post

    Found it...


    However, I'd still like to know how to hide the default arrows on the right?

  7. Peter
    Peter avatar
    6637 posts

    Posted 19 Oct 2010 Link to this post

    Hi Karl,

    Please, add the following css to hide the expand arrows of the panelbar items:
               display: none !important;

    All the best,
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  8. Sasidhar
    Sasidhar avatar
    1 posts
    Member since:
    Nov 2011

    Posted 21 Nov 2011 Link to this post

    Thanks, it works for me...You Save my day!!!!

  9. Michael
    Michael avatar
    66 posts
    Member since:
    Dec 2009

    Posted 13 Feb 2012 Link to this post

    Can the images (up and down arrows on the right side of the panel bar) be changed yet in the new version?
  10. Kate
    Kate avatar
    1898 posts

    Posted 15 Feb 2012 Link to this post

    Hello Michael,

    Yes, by using the css class selector below you can change the expand/collapse image:
    div.RadPanelBar_Office2010Silver .rpExpandable span.rpExpandHandle,
     div.RadPanelBar_Office2010Silver .rpExpanded span.rpExpandHandle {  
        background-image: url("PanelBar/Expandable.png"); 

    You can also find the image sprite (as an attached image) of the expand/collapse arrow that is applied in general to a RadPanelItem.

    the Telerik team
    Sharpen your .NET Ninja skills! Attend Q1 webinar week and get a chance to win a license! Book your seat now >>
  11. Swati
    Swati avatar
    6 posts
    Member since:
    Aug 2011

    Posted 11 Dec 2012 Link to this post


    Can you please tell me how to shift Expand/Collapse images to the left hand side instead of right (the default position of Expand/Collapse images).

    Thanks and Regards,
    Swati Babber
  12. Swati
    Swati avatar
    6 posts
    Member since:
    Aug 2011

    Posted 11 Dec 2012 Link to this post

    It is done..Neways..Thanks.

    Swati Babber
Back to Top