Hi
I wanted to disable the border of a radSplitContainer. With the theme: office2013Light the following code is working:
this.radSplitContainer1.RootElement.EnableElementShadow = false;
this.radSplitContainer1.RootElement.MinSize = new System.Drawing.Size(25, 25);
this.radSplitContainer1.Size = new System.Drawing.Size(428, 318);
this.radSplitContainer1.SplitterWidth = 8;
this.radSplitContainer1.TabIndex = 0;
this.radSplitContainer1.TabStop = false;
this.radSplitContainer1.ThemeName = "Office2013Light";
With the theme MaterialBlueGrey, there is still a border on the display.
Do you have any other ideas on how I can disable the border?
Thank you in advance.
Kind Regards
Dominik
4 Answers, 1 is accepted
Hello Dominik,
Thank you for your detailed information. Indeed your approach of setting EnableElementShadow = false is correct for Office2013Light theme. However, for MaterialBlueGrey there is 1 additional step in order to achieve the desired result.
Due to the specifics of Material themes you also have to set Visibility of each SplitPanel's border to Collapsed or Hidden in order to hide their borders. You can achieve this in the following manner:
for (int i = 0; i < radSplitContainer1.SplitPanels.Count; i++)
{
SplitPanel currentSplitPanel = radSplitContainer1.SplitPanels[i];
currentSplitPanel.SplitPanelElement.Border.Visibility = ElementVisibility.Collapsed;
}
I hope you find this solution useful for your project.
Regards,
Dimitar
Progress Telerik
Rank 1
Hello Dimitar,
Thanks for the quick and detailed reply. It worked.
Regards,
Dominik
Rank 1
Veteran
Hello,
If it is more suitable to do so in the Designer.cs file feel free to make this change there.
Should you have other questions please let me know.
Regards,
Nadya
Progress Telerik
Five days of Blazor, Angular, React, and Xamarin experts live-coding on twitch.tv/CodeItLive, special prizes, and more, for FREE?! Register now for DevReach 2.0(20).