Changing TitleBar colour of a RadForm

6 posts, 1 answers
  1. Shaun
    Shaun avatar
    38 posts
    Member since:
    Sep 2012

    Posted 19 Sep 2012 Link to this post


    I'm in the process of evaluating your winform controls and I'm trying to emulate the way the demo app hub changes the title bar of a form, size and colour. For example when selecting the Grid Example the header is about 80 high, dark blue with a back button.

    The app I created has a simple Radform and Rad Data View, on load I try to change the TitleBar, but I must be doing something wrong.
    I can change the background colour but the background of the system buttons stay the same.

    Here's a snippet 
               this.FormElement.TitleBar.Size = new System.Drawing.Size(this.Width, 100);
                this.FormElement.TitleBar.FillPrimitive.BackColor = Color.DarkBlue;
                this.FormElement.TitleBar.CloseButton.ImagePrimitive.BackColor =  Color.Transparent;

    I has also tried to create a new RadTitleBarElement, but the out come is the same.

    I know I'm missing something simple here so can you point me in the right direction?


  2. Answer
    Nikolay avatar
    1805 posts

    Posted 20 Sep 2012 Link to this post

    Hi Shaun,

    Thank you the question.

    The minimize/maximize/close buttons are controlled by images, so regardless of the color setting that you apply, you are again observing the same style and behavior. You can edit the buttons states removing the images by using our Visual Style Builder tool. Here you can read more about loading our predefined themes in case you want to start from an existing theme.

    Alternatively, if you are happy with the images that appear by default when the mouse is not over and not down on the buttons, you can override the MouseOver and MouseDown images set by theme by explicitly setting the default image in code like this:

    this.FormElement.TitleBar.CloseButton.ImagePrimitive.Image = this.FormElement.TitleBar.CloseButton.ImagePrimitive.Image;

    In addition, you might want to set the border to the same DarkBlue color as the fill. Moreover, in order to increase the height of the titlebar, I would recommend setting its Padding to an appropriate value:
    this.FormElement.TitleBar.Padding = new Padding(0, 50, 0, 50);
    this.FormElement.TitleBar.FillPrimitive.BackColor = Color.DarkBlue;
    this.FormElement.TitleBar.FillPrimitive.GradientStyle = Telerik.WinControls.GradientStyles.Solid;
    this.FormElement.TitleBar.BorderPrimitive.BoxStyle = Telerik.WinControls.BorderBoxStyle.SingleBorder;
    this.FormElement.TitleBar.BorderPrimitive.ForeColor = Color.DarkBlue;

    I hope this helps. Let me know if you need additional assistance.

    the Telerik team
    RadControls for WinForms Q2'12 release is now live! Check out what's new or download a free trial >>
  3. Muhammad
    Muhammad avatar
    1 posts
    Member since:
    Sep 2016

    Posted 30 Sep 2016 in reply to Nikolay Link to this post

    hi shaun 

    thankyou for the answer 

    but i have a question about radTitleBar 

    how i can change its background colour

    default is gray but i want to set its colour blue


  4. Dess | Tech Support Engineer, Sr.
    Dess | Tech Support Engineer, Sr.  avatar
    3330 posts

    Posted 04 Oct 2016 Link to this post

    Hello Muhammad,

    Thank you for writing.  

    In order to change the back color for RadTitleBar, you can use the following code snippet:
    1.this.radTitleBar1.TitleBarElement.TitleBarFill.BackColor = Color.Yellow;
    2.this.radTitleBar1.TitleBarElement.TitleBarFill.GradientStyle = Telerik.WinControls.GradientStyles.Solid;

    I hope this information helps. Should you have further questions I would be glad to help.

    Telerik by Progress
    Check out the Windows Forms project converter, which aids the conversion process from standard Windows Forms applications written in C# or VB to Telerik UI for WinForms.For more information check out this blog post and share your thoughts.
  5. ranees
    ranees avatar
    95 posts
    Member since:
    Nov 2018

    Posted 03 Dec 2018 Link to this post

    hii first of all see the attached its child form is in the outside of the mdi form...i want to hide that horizontal and vertical scrollbars in this condition it possible ? 
  6. Dess | Tech Support Engineer, Sr.
    Dess | Tech Support Engineer, Sr.  avatar
    3330 posts

    Posted 04 Dec 2018 Link to this post

    Hello, Raneesras,    

    By default, when the MDI child is moved to a location that exceeds the bounding rectangle of its parent, the respective scrollbars appear in the MDI parent form. This is standard behavior for the MDI scenario and the Microsoft Form also observes it. If you wish to hide these scrollbars, you can refer to the following general programming forum threads:

    I hope this information helps.

    Dess | Tech Support Engineer, Sr.
    Progress Telerik
    Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Back to Top