# 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**

```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](https://www.telerik.com/winui/documentation/controls/radhubtile/hubtiles/radhubtile)
* [HexHubTile](https://www.telerik.com/winui/documentation/controls/radhubtile/hubtiles/radhexhubtile)
* [SlideHubTile](https://www.telerik.com/winui/documentation/controls/radhubtile/hubtiles/radslidehubtile)