Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
873
How can I change the cursor that is shown when re-sizing panes withing the dock manager
posted

Hello,

I need to customize the cursor that is shown when re-sizing panes withing the dock manager. Instead of the black arrow (shown in attached image) I have to use some a white arrow. How to do that?

Thanks

Parents
  • 34510
    Verified Answer
    Offline posted

    Hi rajaka,

    The following style should do the trick:

    <Style TargetType="{x:Type igDock:SplitPaneSplitter}">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type igDock:SplitPaneSplitter}">
                    <Border Background="{TemplateBinding Background}"
                            BorderBrush="{TemplateBinding BorderBrush}"
                            BorderThickness="{TemplateBinding BorderThickness}"/>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
        <Style.Triggers>
            <Trigger Property="Orientation" Value="Vertical">
                <Setter Property="MinWidth" Value="4" />
                <Setter Property="Cursor" Value="SizeWE" />
            </Trigger>
    
            <Trigger Property="Orientation" Value="Horizontal">
                <Setter Property="MinHeight" Value="4" />
                <Setter Property="Cursor" Value="SizeNS"/>
            </Trigger>
        </Style.Triggers>
    </Style>

    The triggers in the above style control which cursor to use when the splitter is either vertical or horizontal.

Reply Children
No Data