ComponentOne TileView for UWP
TileView for UWP Task-Based Help / Creating Minimized and Maximized Item Templates
In This Topic
    Creating Minimized and Maximized Item Templates
    In This Topic

    You can customize how items in the C1TileView control are displayed when minimized and maximized. For example, you may wish to display an icon in the content area of a minimized item indicating the type of content that item contains. You can use the C1TileViewItem.ContentMinimized and C1TileViewItem.ContentMaximized properties to set a display template. If these properties are not set, the Content is used.

    For example, the following markup adds C1TileViewItem.ContentMinimized and C1TileViewItem.ContentMaximized templates:

    Markup
    Copy Code 
    <TileView:C1TileView Name="C1TileView1">
            <TileView:C1TileViewItem Background="Red" Header="Red">
                <TileView:C1TileViewItem.ContentMinimized>
                    <TextBlock Text="Red Minimized" Height="28" Name="TextBlock1" Foreground="White"/>
                </TileView:C1TileViewItem.ContentMinimized>
                <TileView:C1TileViewItem.ContentMaximized>
                    <TextBlock Text="Red Maximized" Height="28" Name="TextBlock2" Foreground="White"/>
                </TileView:C1TileViewItem.ContentMaximized>
            </TileView:C1TileViewItem>
            <TileView:C1TileViewItem Background="Orange" Header="Orange">
                <TileView:C1TileViewItem.ContentMinimized >
                    <TextBlock Text="Orange Minimized" Height="28" Name="TextBlock3" Foreground="White"/>
                </TileView:C1TileViewItem.ContentMinimized>
                <TileView:C1TileViewItem.ContentMaximized >
                    <TextBlock Text="Orange Maximized" Height="28" Name="TextBlock4" Foreground="White"/>
                </TileView:C1TileViewItem.ContentMaximized>
            </TileView:C1TileViewItem>
            
        </TileView:C1TileView>

    What You've Accomplished

    You've added templates for the minimized and maximized C1TileView states. Run your application and maximize one of the items, observe that the content of both the minimized and maximized items has changed. Maximize the minimized items, the content of each item changes again.