Groupings

[Patrick]

How could I make visible groupings of Tiles with the RadList?  Maybe a thin outline around them and/or a Label. 

[Yoan]

Hi Patrick,

Thank you for contacting Telerik Support.

You can try the following approach:

1. Define a DataTemplate similar to:

<Window.Resources>
   <DataTemplate x:Key="GroupTemplate">
          <Border BorderBrush="Gray" BorderThickness="1"/>
   </DataTemplate>
</Window.Resources>

    2. Set it to RadTileList's property - GroupTemplate:

<telerik:RadTileList GroupTemplate="{StaticResource GroupTemplate}">

I hope this information helps. 

Regards,
Yoan
the Telerik team

[Patrick]

Hmm, does not compile.  I get the following error on build -->

The property 'GroupTemplate' does not exist in XML namespace 'http://schemas.telerik.com/2008/xaml/presentation'.

What could I have done wrong?  Below is my entire ShellView.xaml page.  There's some nonsense on there as placeholders so bear with me....

<Window x:Class="Green.ShellView"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation">
    <Window.Resources>
        <DataTemplate x:Key="GroupTemplate">
            <Border BorderBrush="Gray" BorderThickness="1" />
        </DataTemplate>
    </Window.Resources>
    <telerik:RadDockPanel x:Name="LayoutRoot" LastChildFill="True">
        <telerik:RadDockPanel.Resources>
            <Style TargetType="TextBlock" x:Key="TileLabelStyle">
                <Setter Property="FontSize" Value="14" />
                <Setter Property="FontFamily" Value="Segoe UI" />
                <Setter Property="Margin" Value="10" />
                <Setter Property="Foreground" Value="White" />
                <Setter Property="VerticalAlignment" Value="Bottom"/>
            </Style>
            <Style TargetType="TextBlock" x:Key="LiveTileLabelStyle">
                <Setter Property="FontSize" Value="24" />
                <Setter Property="FontFamily" Value="Segoe UI" />
                <Setter Property="Margin" Value="5" />
                <Setter Property="Foreground" Value="White" />
                <Setter Property="VerticalAlignment" Value="Center" />
                <Setter Property="HorizontalAlignment" Value="Center" />
            </Style>
        </telerik:RadDockPanel.Resources>
        <telerik:RadExpander x:Name="UserInfoContainer" ExpandDirection="Up" IsExpanded="True" telerik:RadDockPanel.Dock="Top">
            <telerik:RadExpander.Header>
                <Grid HorizontalAlignment="Stretch">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="Auto" />
                        <ColumnDefinition Width="*" />
                    </Grid.ColumnDefinitions>
                    <telerik:Label Content="User Information" />
                    <Rectangle Grid.Column="1" Height="2" Margin="5,0,0,0" VerticalAlignment="Center" Fill="Gray" />
                </Grid>
            </telerik:RadExpander.Header>
            <telerik:RadExpander.Content>
                <StackPanel Orientation="Horizontal">
                    <TextBlock Text="Good Day Sir!!!"/>
                    <Ellipse Width="33"
                 Height="33"
                 Margin="5"
                 Fill="Yellow" />
                    <Ellipse Width="33"
                 Height="33"
                 Margin="5"
                 Fill="Blue" />
                    <Ellipse Width="33"
                 Height="33"
                 Margin="5"
                 Fill="Red" />
                </StackPanel>
            </telerik:RadExpander.Content>
        </telerik:RadExpander>
        <telerik:RadTileList x:Name="AppLaunchPad" GroupTemplate="{StaticResource GroupTemplate}"  ScrollViewer.HorizontalScrollBarVisibility="Visible">
            <telerik:Tile x:Name="PendingAuthTile" Background="BlueViolet" TileType="Single">
                <Grid>
                    <TextBlock Text="Pending" Style="{StaticResource TileLabelStyle}"/>
                    <TextBlock x:Name="PendingAuthCount" Text="0" Style="{StaticResource LiveTileLabelStyle}"/>
                </Grid>
            </telerik:Tile>
            <telerik:Tile x:Name="CreateAuthTile" Background="Green" TileType="Single">
                <TextBlock Text="Create" Style="{StaticResource TileLabelStyle}"/>
            </telerik:Tile>
            <telerik:Tile Background="CadetBlue" TileType="Single">
                <TextBlock Text="Modify" Style="{StaticResource TileLabelStyle}"/>
            </telerik:Tile>
            <telerik:Tile x:Name="DeleteAuthTile" Background="Sienna" TileType="Single">
                <TextBlock Text="Delete" Style="{StaticResource TileLabelStyle}"/>
            </telerik:Tile>
        </telerik:RadTileList>
    </telerik:RadDockPanel>
</Window>

[Yoan]

Hello Patrick,

Actually, RadTileList's properties - Group and GroupTemplate are part of our latest internal build(version 2013.1.0401).

Regards,
Yoan
the Telerik team

[Patrick]

Ah, that would explain it.  Any estimate on when that Internal Build will be available?  I have "Include Internal builds in Latest Version update and retrieval" selected but I do not appear to have it yet. 

Thanks,

[Yoan]

Hello Patrick,

The LIB is already available. Generally, it is uploaded every Monday and it can be found under your telerik account, Manage Products -> Latest Internal Builds. Furthermore, it will be included in the upcoming Q1 2013 SP release scheduled for this week. 

Regards,
Yoan
the Telerik team