Category / Section
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; } } }
Output: