background-image on raddock

5 posts, 0 answers
  1. Toshiyuki
    Toshiyuki avatar
    5 posts
    Member since:
    Oct 2007

    Posted 17 Feb 2010 Link to this post

    Hi,
    I cannot apply a background image on the raddock. 
    Here is the simple sample code. Can you tell me how to display background properly?

    Regards,
    Toshiyuki

            <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
            </telerik:RadScriptManager>
        <telerik:RadDock ID="RadDock1" runat="server" Width="290px" HEIGHT="230px" DockMode="Docked"
                      EnableAnimation="True" Skin="Telerik" Title="Content1" style="background-image: url('../images/dock_bg.jpg')!important; background-repeat: no-repeat; background-position: right bottom;">
                                    <ContentTemplate>
                                      
                                    </ContentTemplate>
                                </telerik:RadDock>
  2. Pero
    Admin
    Pero avatar
    1156 posts

    Posted 22 Feb 2010 Link to this post

    Hi Toshiyuki,

    Could you please clarify where do you need the image to be shown - as a background to the whole dock or to its content only?

    The following example from our online demos shows how to hide dock's title and borders and set background image to the dock's content: http://demos.telerik.com/aspnet-ajax/dock/examples/highlightedcssclass/defaultcs.aspx

    In case you want to keep the title and set a background image to the dock's content container, you should apply the following CSS:

    <style type="text/css">
        .rdContent
        {
            background: url(BackGround.png) no-repeat;
        }
        .rdBottom .rdCenter, .rdRight, .rdLeft
        {
            display: none !important;
        }
        .RadDock
        {
            border: 1px solid #828282;
            border-top: none;
        }
    </style>

    Please note that the above CSS code will set background image to all docks present on the page. You should use ID selectors to set different background images to RadDocks. For your convenience I have attached a sample working project that uses the above CSS.

    Sincerely yours,
    Pero
    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. UI for ASP.NET Ajax is Ready for VS 2017
  4. Toshiyuki
    Toshiyuki avatar
    5 posts
    Member since:
    Oct 2007

    Posted 25 Feb 2010 Link to this post

    Thanks Pero!
    I wanted to show bg on the contents in the dock.
    I just followed your example & I could easily apply the background pic as I expected.

    regards,
    Toshiyuki
  5. James Edgell
    James Edgell avatar
    4 posts
    Member since:
    Sep 2009

    Posted 25 Sep 2010 Link to this post

    You stated: "You should use ID selectors to set different background images to RadDocks."

    Quesiton: How do I do that?
  6. Rumen
    Admin
    Rumen avatar
    12849 posts

    Posted 29 Sep 2010 Link to this post

    Hi James,

    You should use

     #UserInfo *{color:#fff}

    Here is an example:
    http://demos.telerik.com/aspnet-ajax/dock/examples/portalpage/defaultcs.aspx

    Kind regards,
    Rumen
    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
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017