Change title bar color in rad dock object

9 posts, 2 answers
  1. sam
    sam avatar
    31 posts
    Member since:
    Jan 2008

    Posted 08 May 2008 Link to this post

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

    thanx in advance telerik team
  2. Sophy
    Admin
    Sophy avatar
    636 posts

    Posted 08 May 2008 Link to this post

    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
  3. allenh
    allenh avatar
    6 posts
    Member since:
    Jun 2007

    Posted 14 May 2008 Link to this post

    <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

  4. Answer
    allenh
    allenh avatar
    6 posts
    Member since:
    Jun 2007

    Posted 14 May 2008 Link to this post

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

    my apologies, allen
  5. sam
    sam avatar
    31 posts
    Member since:
    Jan 2008

    Posted 19 May 2008 Link to this post

    its ok never mind
  6. sam
    sam avatar
    31 posts
    Member since:
    Jan 2008

    Posted 24 Jun 2008 Link to this post

    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

  7. Obi-Wan Kenobi
    Obi-Wan Kenobi  avatar
    460 posts
    Member since:
    Aug 2007

    Posted 24 Jun 2008 Link to this post

    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


  8. sam
    sam avatar
    31 posts
    Member since:
    Jan 2008

    Posted 24 Jun 2008 Link to this post

    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
  9. Answer
    Obi-Wan Kenobi
    Obi-Wan Kenobi  avatar
    460 posts
    Member since:
    Aug 2007

    Posted 24 Jun 2008 Link to this post

    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.

Back to Top