Intersoft ClientUI Documentation
How-to: Customize Pointer Element in UXTickBar
Intersoft ClientUI 8 > ClientUI Controls > Control Library > Advanced Input Controls Overview > UXTickBar > How-to: Customize Pointer Element in UXTickBar

This example shows how to customize pointer element appearance in UXTickBar.

Example

Description

By default, the pointer element in UXTickBar is rendered as one pixel width of line element. You can use PointerTemplate to fully customize the appearance of the pointer.

The following code example shows how to use arrow as the pointer element in UXTickBar.

Code

View
Copy Code 
<UserControl x:Class="ClientUI.Samples.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:Intersoft="http://intersoft.clientui.com/schemas"    
    mc:Ignorable="d"
    d:DesignHeight="400" d:DesignWidth="800">

    <Intersoft:UXPage.Resources>
                <DataTemplate x:Key="DataTemplate1">
                        <Grid>
                            <Path Fill="#FFC4C4C4" Data="M5,0 L0,6 L10,6 z" HorizontalAlignment="Center" VerticalAlignment="Center"/>
                        </Grid>
                </DataTemplate>
        </Intersoft:UXPage.Resources>
        
        <Grid x:Name="LayoutRoot">
        <Intersoft:UXTickBar PointerTemplate="{StaticResource DataTemplate1}" />
        </Grid>
 
</UserControl>

The following figure shows the customized pointer element in UXTickBar.

See Also
UXTickBar Class

Concepts

Styles and Templates Overview
Items Control Overview

Other Resources

Locating the Samples in Local Installation
Walkthroughs and How-to Topics