[Solved] How do I get the PanelBarItem Image to display on the right?

[Eric]

The non-MVC versions of the PanelBarItem seem to have an ImagePosition property, but I do not see one for MVC.  I would like the image to display on the right side of the text.  What is the recommended way to do this?  Thank you.

[Dimo]

Hi Eric,

The PanelBar images are normally floated to the left:

.t-panelbar .t-image,
.t-panelbar .t-sprite
{
    float: left;
    margin-right: 5px;
    margin-top: 4px;
    vertical-align: middle;
}

You need to simply override the above CSS rule and float them to the right.

ul.t-panelbar .t-image,
ul.t-panelbar .t-sprite
{
    float: right;
}

Regards,
Dimo
the Telerik team