background-image on raddock

[Toshiyuki]

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>

[Pero]

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.

[Toshiyuki]

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

[James Edgell]

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

Quesiton: How do I do that?

[Rumen]

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