This is a migrated thread and some comments may be shown as answers.

background-image on raddock

4 Answers 133 Views
Dock
This is a migrated thread and some comments may be shown as answers.
Toshiyuki
Top achievements
Rank 1
Toshiyuki asked on 18 Feb 2010, 05:51 AM
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>

4 Answers, 1 is accepted

Sort by
0
Pero
Telerik team
answered on 22 Feb 2010, 08:06 AM
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.
0
Toshiyuki
Top achievements
Rank 1
answered on 25 Feb 2010, 08:20 AM
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
0
James Edgell
Top achievements
Rank 1
answered on 25 Sep 2010, 05:03 AM
You stated: "You should use ID selectors to set different background images to RadDocks."

Quesiton: How do I do that?
0
Rumen
Telerik team
answered on 29 Sep 2010, 03:55 PM
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
Tags
Dock
Asked by
Toshiyuki
Top achievements
Rank 1
Answers by
Pero
Telerik team
Toshiyuki
Top achievements
Rank 1
James Edgell
Top achievements
Rank 1
Rumen
Telerik team
Share this question
or