Very wide RadDock with Sitefinity skin

3 posts, 1 answers
  1. Chris Dalessandri
    Chris Dalessandri avatar
    44 posts
    Member since:
    Aug 2005

    Posted 12 Aug 2011 Link to this post

    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.
  2. Answer
    Bozhidar
    Admin
    Bozhidar avatar
    680 posts

    Posted 16 Aug 2011 Link to this post

    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

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Chris Dalessandri
    Chris Dalessandri avatar
    44 posts
    Member since:
    Aug 2005

    Posted 16 Aug 2011 Link to this post

    Thank you for your help.
Back to Top