Intersoft ClientUI Documentation
How-to: Customize UXFlow's Items Template
See Also Send Feedback
Intersoft ClientUI 7 > ClientUI Controls > Control Library > Multimedia Controls Overview > UXFlow > How-to: Customize UXFlow's Items Template

Glossary Item Box

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

©2012. All Rights Reserved.