This example show how to customize an item appearance in UXItemsControl.

Example

Description

UXItemsControl is a lightweight, multi-purpose items control featuring customizable panel and item.

UXItemsControl is useful in various UI scenarios that host a collection of similar item types, such as a collection of navigation buttons in navigation application, or a collection of field labels and input controls in form application. To learn more about ItemsControl, see ItemsControl Overview.

The following page contains an GlassLabel inside UXItemsControl.

Apply ItemContainerStyle in order to customize all the GlassLabel using the same appearance.
Set the following properties:

Property	Value
Background	AliceBlue
CornerRadius	8
FontSize	14

Using this snippet:

XAML	Copy Code
<Intersoft:UXItemsControl.ItemContainerStyle> <Style TargetType="Intersoft:GlassLabel"> <Setter Property="Background" Value="AliceBlue" /> <Setter Property="CornerRadius" Value="8" /> <Setter Property="FontSize" Value="14" /> </Style> </Intersoft:UXItemsControl.ItemContainerStyle>

XAML

Copy Code

<Intersoft:UXItemsControl.ItemContainerStyle>
    <Style TargetType="Intersoft:GlassLabel">
        <Setter Property="Background" Value="AliceBlue" />
        <Setter Property="CornerRadius" Value="8" />
        <Setter Property="FontSize" Value="14" />
    </Style>
</Intersoft:UXItemsControl.ItemContainerStyle>

Concepts

Content Controls Overview

Other Resources

Locating the Samples in Local Installation

Walkthroughs and How-to Topics

Items Control How-to Topics