Very wide RadDock with Sitefinity skin

[Chris Dalessandri]

I am using RadDocks (with title templates) that are approximately the width of the user's screen.  This works fine with most skins.  But when I switch to Sitefinity, the header background image (rdCenter) is not wide enough.

It seems that other skins use a vertical image and repeat it, but Sitefinity uses one big wide image that is only 1200px, presumably so you can easily include the little dots on the left.  But, now I can't switch skins.

Am I missing something?

Thanks.

[Bozhidar]

Hello Chris,

The Sitefinity skins uses different sprite because of the dots as you noticed. To make it use the sprite, that other skins are using, you could use the following CSS code in the head section og your document:

<style type="text/css">
        div.RadDock_Sitefinity table tr.rdTop td.rdCenter,
        div.RadDock_Sitefinity table tr.rdTop td.rdCenter .rdTitleBar
        {
            background-image: url(HorizontalSprite.png);
            background-position: 0 -27px;
            repeat-x;
        }
    </style></telerik:RadCodeBlock>

Attached is HorizontalSprite.png that should be used. That will fix the issue, but the dots will disappear.

Best wishes,
Bojo
the Telerik team

[Chris Dalessandri]

Thank you for your help.