Intersoft ClientUI Documentation
How-to: Customize Pointer Element in UXTickBar
See Also Send Feedback
Intersoft ClientUI 7 > ClientUI Controls > Control Library > Advanced Input Controls Overview > UXTickBar > How-to: Customize Pointer Element in UXTickBar

Glossary Item Box

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

©2012. All Rights Reserved.