Can we have multiple images on panelitem

[Susan]

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..

[Kate]

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,
Kate
the Telerik team