New to Telerik UI for WinUI? Download free 30-day trial


RadIconHubTile is a tile that allows for an IconSource to be displayed as its content.


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

  • IconSource: Gets or sets the graphic content of the tile.
  • Message (object): Gets or sets the message content that is displayed in the top-left corner of the control.
  • MessageTemplate (DataTemplate): Gets or sets the DataTemplate that is used to visualize the Message property.
  • Notification (object): Gets or sets the additional information (notification) displayed on the tile. Typically this may be the Message Count and is displayed in the bottom-right corner of the control.
  • NotificationTemplate (DataTemplate): Gets or sets the DataTemplate that is used to visualize the Notification property.

You can use the BitmapIconSourceExtension, FontIconSourceExtension and SymbolIconSourceExtension markup extensions to help you provide an IconSource.


Example 1 demonstrates how to define a RadIconHubTile and set its IconSource via the BitmapIconSource markup extension.

Example 1: Defining a RadIconHubTile

<Grid xmlns:telerik="using:Telerik.UI.Xaml.Controls.Primitives" xmlns:telerikCore="using:Telerik.Core"> 
    <telerik:RadIconHubTile Title="Title" Message="Message" BackContent="Back content"  
                           Notification="Notification" UpdateInterval="0:0:2"  
                           IconSource="{telerikCore:BitmapIconSource Source='ms-appx:/Images/MyPicture1.png'}"> 
                <TextBlock Text="{Binding}" Foreground="Red" /> 
                <TextBlock Text="{Binding}" FontStyle="Italic" /> 
                <TextBlock Text="{Binding}" FontSize="13" /> 
                <TextBlock Text="{Binding}" TextWrapping="Wrap" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="21" Foreground="DarkGreen" /> 

See Also

In this article
Not finding the help you need?