CustomHubTile

Updated on Mar 26, 2026

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

XAML

<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