Intersoft ClientUI Documentation
How-to: Customize Item Template in UXDomain Up Down
See Also Send Feedback
Intersoft ClientUI 7 > ClientUI Controls > Control Library > Advanced Input Controls Overview > UXDomainUpDown > How-to: Customize Item Template in UXDomain Up Down

Glossary Item Box

This example shows how to customize item template in UXDomainUpDown.

Example

Description

This following code shows how to customize display mode appearance in UXDomainUpDown using item template.

Code

C# Copy Code
public class Book
{
    public string Title { get; set; }
    public string Image { get; set; }
}

public partial class MainPage : Page
{
    public MyTests()
    {
        InitializeComponent();
        ObservableCollection<Book> datas = new ObservableCollection<Book>();
        datas.Add(new Book() { Title = "American Cooking", Image = "/TestingMySpinner;component/Images/Books/American_cooking_1.jpg" });
        datas.Add(new Book() { Title = "Anthologies", Image = "/TestingMySpinner;component/Images/Books/Anthologies_1.jpg" });
        datas.Add(new Book() { Title = "Application and Software", Image = "/TestingMySpinner;component/Images/Books/Application_and_Software_1.jpg" });
        datas.Add(new Book() { Title = "Baking", Image = "/TestingMySpinner;component/Images/Books/Baking_1.jpg" });
        datas.Add(new Book() { Title = "Computer hardware", Image = "/TestingMySpinner;component/Images/Books/Computer_hardware_1.jpg" });
        domain.ItemsSource = datas;
    }
}
XAML Copy Code
<Grid>
    <Intersoft:UXDomainUpDown x:Name="domain" Height="100" Width="170">
            <Intersoft:UXDomainUpDown.ItemTemplate>
                <DataTemplate>
                    <Grid>
                        <Image Source="{Binding Image}" />
                    </Grid>
                </DataTemplate>
            </Intersoft:UXDomainUpDown.ItemTemplate>
        </Intersoft:UXDomainUpDown>
</Grid>

See Also

©2012. All Rights Reserved.