How can I put a little graphic on the splitter so the user has a cue that it's there?
<Style x:Key="{x:Type docking:Splitter}" TargetType="{x:Type docking:Splitter}">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type docking:Splitter}">
... template code here ...
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
<Style x:Key="{x:Type docking:Splitter}" TargetType="{x:Type docking:Splitter}">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type docking:Splitter}">
<Grid Width="Auto" Height="Auto" >
<Rectangle Width="25" Height="5" Fill="HotPink"></Rectangle>
</Grid>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
<Style TargetType="{x:Type docking:SplitContainer}">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type docking:Splitter}">
<Grid Width="Auto" Height="Auto" >
<Rectangle Width="25" Height="5" Fill="HotPink"></Rectangle>
</Grid>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
<Style TargetType="{x:Type docking:ContainerSplitter}">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type docking:Splitter}">
<Grid Width="Auto" Height="Auto" >
<Rectangle Width="25" Height="5" Fill="HotPink"></Rectangle>
</Grid>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
Here is an example for a 2 line hande on the splitter -
<Style TargetType="{x:Type docking:SplitContainerSplitter}">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type docking:SplitContainerSplitter}">
<Border x:Name="SplitterBorder"
BorderBrush="{TemplateBinding BorderBrush}"
BorderThickness="{TemplateBinding BorderThickness}"
Background="{TemplateBinding Background}"
Width="{TemplateBinding Width}" Height="{TemplateBinding Height}">
<Border x:Name="HandleBorder" VerticalAlignment="Center"
HorizontalAlignment="Center" BorderThickness="1 0"
Background="White" BorderBrush="Black"/>
</Border>
<ControlTemplate.Triggers>
<Trigger Property="Orientation" Value="Horizontal">
<Setter TargetName="HandleBorder" Property="Width" Value="4" />
<Setter TargetName="HandleBorder" Property="Height" Value="50" />
<Setter TargetName="HandleBorder" Property="BorderThickness" Value="1 0" />
</Trigger>
<Trigger Property="Orientation" Value="Vertical">
<Setter TargetName="HandleBorder" Property="Height" Value="4" />
<Setter TargetName="HandleBorder" Property="Width" Value="50" />
<Setter TargetName="HandleBorder" Property="BorderThickness" Value="0 1" />
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
Please log in to a validated account to post comments.