Intersoft ClientUI Documentation
How-to: Customize UXFlow's Items Template
Intersoft ClientUI 8 > ClientUI Controls > Control Library > Multimedia Controls Overview > UXFlow > How-to: Customize UXFlow's Items Template

This example shows how to customize UXFlow items template.

Example

Description

You can customize the UXFlow control appearance by using ItemTemplate property, you can edit the template of the control and do the modification accordingly.

The following example shows how to customize UXFlow items template.

Code

XAML
Copy Code 
<Intersoft:UXPage.Resources>
    <DataTemplate x:Key="HotelItemTemplate">
        <Border BorderBrush="AliceBlue" BorderThickness="1" VerticalAlignment="Center">
            <Grid>
                <Intersoft:ImageLoader ImageSource="{Binding Hotel.Image}" />
                <StackPanel HorizontalAlignment="Left" VerticalAlignment="Bottom" Margin="5 0 0 5">
                    <Intersoft:EllipsisText Text="{Binding Hotel.Name}" FontSize="20" EllipsisPosition="Right" Foreground="AliceBlue" HorizontalAlignment="Left" />
                    <Intersoft:EllipsisText Text="{Binding Hotel.Location}" FontSize="20" EllipsisPosition="Right" Foreground="AliceBlue" HorizontalAlignment="Left" />
                </StackPanel>
            </Grid>
        </Border>
    </DataTemplate>
</Intersoft:UXPage.Resources>

<Intersoft:UXFlow Grid.Row="1" ItemsSource="{Binding HotelCollection}" ImageMemberPath="Hotel.Image"
        ItemTemplate="{StaticResource HotelItemTemplate}"
        FullScreenButtonVisibility="Collapsed" NavigateUriMemberPath="NavigateUri" 
        Background="Transparent" Cursor="Hand">
See Also
UXFlow Class

Other Resources

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