CustomHubTile

The RadCustomHubTile is tile with custom front and back contents and a swivel transition between them.

Properties

The RadCustomHubTile exposes the following properties on top of the common ones for all tiles:

• FrontContent (object): Gets or sets the front content of the custom hub tile.
• FrontContentTemplate (DataTemplate): Gets or sets the front content template of the custom hub tile.

Example

Example 1 demonstrates how to setup the FrontContent and FrontContentTemplate of a RadCustomHubTile.

Example 1: Defininig a RadCustomHubTile

<Grid xmlns:telerik="using:Telerik.UI.Xaml.Controls.Primitives"> 
    <telerik:RadCustomHubTile FrontContent="Front Content" BackContent="Back Content"> 
        <telerik:RadCustomHubTile.FrontContentTemplate> 
            <DataTemplate> 
                <TextBlock Text="{Binding}" Foreground="Red" FontWeight="Bold" VerticalAlignment="Center" HorizontalAlignment="Center" /> 
            </DataTemplate> 
        </telerik:RadCustomHubTile.FrontContentTemplate> 
        <telerik:RadCustomHubTile.BackContentTemplate> 
            <DataTemplate> 
                <TextBlock Text="{Binding}" Foreground="Yellow" FontStyle="Italic" VerticalAlignment="Center" HorizontalAlignment="Center" /> 
            </DataTemplate> 
        </telerik:RadCustomHubTile.BackContentTemplate> 
    </telerik:RadCustomHubTile> 
</Grid> 

See Also

• HubTile
• HexHubTile
• SlideHubTile