How to change mouse over background of the SplitterPage?

1 min read

Mouse over background color for the SplitterPage of TabSplitter can be changed using the property “MouseOverBackground”. The same has been demonstrated in the following code example:

XAML:

<Window x:Class="KB_Application.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:syncfusion="http://schemas.syncfusion.com/wpf"
Title="MainWindow" Height="350" Width="525">
<Grid>
<syncfusion:TabSplitter x:Name="_tabsplitter" MouseOverBackground="Magenta" >
<syncfusion:TabSplitterItem Header="Tab1" Orientation="Horizontal">
<syncfusion:TabSplitterItem.BottomPanelItems>
<syncfusion:SplitterPage Name="splitterPage1" Header="XAML">
</syncfusion:SplitterPage>
<syncfusion:SplitterPage Name="splitterPage2" Header="XAML1">
</syncfusion:SplitterPage>
</syncfusion:TabSplitterItem.BottomPanelItems>
<syncfusion:TabSplitterItem.TopPanelItems>
<syncfusion:SplitterPage Name="splitterPage3" Header="Item1">
</syncfusion:SplitterPage>
<syncfusion:SplitterPage Name="splitterPage4" Header="Item2">
</syncfusion:SplitterPage>
</syncfusion:TabSplitterItem.TopPanelItems>
</syncfusion:TabSplitterItem>
<syncfusion:TabSplitterItem Header="Tab2">
</syncfusion:TabSplitterItem>
</syncfusion:TabSplitter>
</Grid>
</Window>

C#:

using Syncfusion.Windows.Tools.Controls;
 
namespace KB_Application
{
/// <summary>
/// Interaction logic for MainWindow.xaml
/// </summary>
public partial class MainWindow : Window
{
public MainWindow()
{
InitializeComponent();
_tabsplitter.MouseOverBackground = Brushes.Magenta;
}
}
}