Can we have multiple images on panelitem

2 posts, 0 answers
  1. Susan
    Susan avatar
    2 posts
    Member since:
    Jun 2009

    Posted 05 Apr 2011 Link to this post

    Is it possible to have 2 images on the radpanelitem? I would like an arrow on the left side that points down when the panel is expanded, and points to the right when the panel is not expanded. And then I would like an image on the right side that I change dynamically in the code. And of course in-between the 2 images I have the Text..
  2. Kate
    Kate avatar
    1898 posts

    Posted 11 Apr 2011 Link to this post

    Hello Susan,

    You can apply the following css class selectors to achieve the desired effect. However, you will also need to change the current sprite of the arrow image to match the arrows that you need to apply. I have attached the current sprite of the arrow image along with the class selector(that is the third one below) where you need to apply the sprite:
    /*places the image to the right*/
    div.RadPanelBar .rpImage
        border: 0 none;
        float: right;
    /*places the arrow image to the left*/
    div.RadPanelBar .rpExpandable .rpExpandHandle,
    div.RadPanelBar .rpExpanded .rpExpandHandle
        float: left;
        margin: 5px 5px 0 6px;
    /*the sprite of the arrow images*/
    div.RadPanelBar_Default .rpExpandable span.rpExpandHandle,
    div.RadPanelBar_Default .rpExpanded span.rpExpandHandle
        background-color: transparent;
        background-image: url("PanelBarArrows.png");
        background-repeat: no-repeat;
    Kind regards,
    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
  3. DevCraft R3 2016 release webinar banner
Back to Top