Change title bar color in rad dock object

[sam]

how can i change the title bar color in rad dock object

thanx in advance telerik team

[Sophy]

Hello Sam,

RadDock's default titlebar is rendered as a div html element with rdTitleBar css class. The titlebar consists of Title Text rendered as an em html element and a span containing the Commands with rdTitle and rdCommands skin selectors respectively. If you want to change the color of the titlebar you should modify the background style of the rdTitleBar class and probably of the rdTitle and the rdCommands  classes as well. For example, if you want a green titlebar you can add the following style:

<style type="text/css">
    .rdTitlebar,.rdTitle
    {
        background:green !important;
    }
</style>

You can take a look at the Css Skin File Selectors help article for reference. In case you want to further customize the appearance and behavior of the title bar you can use RadDock's title bar template.

Please, let us know if you need further assistance.

All the best,
Sophy
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[allenh]

<style type="text/css">

.rdTitlebar,.rdTitle

{

background:green !important;

}

</style>

the example you supplied works great when used in the page header, but how can this be done using an external stylesheet  - linked at the master page level? 

I use different master pages for clients that brand our site, and i then link different stylesheets to the master pages based on the clients specifications ; having the style at the page level does not permit this type of behavior.

Maybe i am missing something , but any advice would be appreciated

Allen

[allenh]

Please ignore my previous post ; my bad,  it works just fine

my apologies, allen

[sam]

its ok never mind

[sam]

I have applied this
<cc1:RadDockableObject  runat="server" BackColor ="#f1f1d1" TitleBarStyle-BackColor ="red" TitleBarStyle-Font-Names ="Verdana" TitleBarStyle-Font-Size ="7" BorderColor ="#cccc33"   skin="Monochrome" >                                                
<TitleBarStyle BackColor="#FFFF80" />
 </cc1:RadDockableObject>

but nothing happend yet

niether the skin nor the color !!

how can i solve my problem!!!

Thanks

[Obi-Wan Kenobi]

RadDock for ASP.NET uses skin mechanism. So if you set a Skin Property to some skin you will not be able to change a separate RadDockObject visual appereance .
If you want to have RadDockObjects with several skins on the page you should create it as it shown here:
http://www.telerik.com/demos/aspnet/Dock/Examples/MyPortal/DefaultCS.aspx
If you want to change the TitleBar for all RadDockableObjects you should change titlebar class in the skin css file:
\RadControls\Dock\Skins\skin name\RadDockableObject.css

[sam]

hi team

I wonna know wht is the default skin name that used for rad dock objects
i am using Q1 2007 version

thanx in advance
asmaa

[Obi-Wan Kenobi]

The default skin name is DEFAULT, but it is built-in when the Skin property is not set.
If you want to modify the Default skin  you should set RadDockingManager.Skin property to Default and change 
\RadControls\Dock\Skins\Default\RadDockableObject.css file.