Color of SplitterWidthArea

7 posts, 0 answers
  1. Karl Golling
    Karl Golling avatar
    226 posts
    Member since:
    Jun 2005

    Posted 13 Dec 2011 Link to this post

    I have a radSplitContainer where I would like to have a SplitterWidth of 3. Now, the background of everything in the project is black. The splitterarea is a greyshade, or silver. How do I change that to black?

  2. Ivan Petrov
    Ivan Petrov avatar
    701 posts

    Posted 16 Dec 2011 Link to this post

    Hello Karl,

    Thank you for writing.

    To control the width of the splitters you can directly use the SplitterWidth property of the RadSplitContainer control. To change the color, thought, you will have to modify the theme you are using. Please find attached a screen shot of where you need to edit the theme to change the color of the splitters. Also you can edit the splitters width in the theme and set the width for all RadSplitContainers. There is a screen shot demonstrating this too.

    I hope this will help you. Should you need further assistance, I would be glad to provide it.

    Ivan Petrov
    the Telerik team

    Q3’11 of RadControls for WinForms is available for download (see what's new). Get it today.

  3. DevCraft banner
  4. Yehuda
    Yehuda avatar
    6 posts
    Member since:
    Jun 2010

    Posted 18 Nov 2012 Link to this post

    How can it be done programmatically, without dealing with themes?
  5. Boryana
    Boryana avatar
    330 posts

    Posted 21 Nov 2012 Link to this post

    Hello Yehuda,

    Thank you for writing.

    You can set the size of the splitters using the SplitterWidth property of the SplitContainerElement. Here is a sample snippet:
    this.radSplitContainer1.SplitContainerElement.SplitterWidth = 5;

    To set the BackColor property of all splitters, you should iterate the Children collection of the SplitContainerElement and set the colors of the elements of type SplitterElement. Here is the second snippet:
    for (int i = 0; i < this.radSplitContainer1.SplitContainerElement.Children.Count; i++)
        SplitterElement splitter = this.radSplitContainer1.SplitContainerElement.Children[i] as SplitterElement;
        if (splitter != null)
            splitter.BackgroundFill.BackColor = Color.Red;

    I hope this helps. Let me know if you have further queries. I will do my best to assist you.

    the Telerik team
    Q3’12 of RadControls for WinForms is available for download (see what's new). Get it today.
  6. Pierre
    Pierre avatar
    7 posts
    Member since:
    Mar 2014

    Posted 08 Dec 2014 in reply to Boryana Link to this post


    I hope it is ok that I use this thread for my similar issue.

    Well, since I have updateted my controls from Version 2014 Q1 to 2014 Q3 the splitters background have a centered green bar. 
    I am using the TelerikMetroTouch theme. I already tried to solve this problem by using the Visual Style Builder, but I cant find the correct settings.

    How can I remove the green bar? 

    Please look at this attachment. You can see what I mean. I hope somebody can help me.

    Thank you!!


  7. Hristo Merdjanov
    Hristo Merdjanov avatar
    674 posts

    Posted 10 Dec 2014 Link to this post

    Hello Pierre,

    Thank you for contacting us.

    We've introduced some minor fixes and updates to the TelerikMetroTouch theme. Some of these updates included the addition of an image which would serve as a BackgroundShape of the Layout property of the SplitterElement. I have attached an image with the setting which needs to be changed in Visual Style Builder, please unmark the selection. 

    You can also achieve the same effect from code, the snippet below shows how:
    var splitterElements = this.radSplitContainer.Splitters;
    foreach (SplitterElement splitter in splitterElements)
        splitter.Layout.BackgroundShape = null;

    I hope that this will help you. Should you have any other questions please do not hesitate to contact us.


    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

  8. Pierre
    Pierre avatar
    7 posts
    Member since:
    Mar 2014

    Posted 11 Dec 2014 in reply to Hristo Merdjanov Link to this post

    Hello Hristo,

    thank you for the great support. This is exactly was I am looking for.

Back to Top
DevCraft banner