Groupings

6 posts, 1 answers
  1. Patrick
    Patrick avatar
    42 posts
    Member since:
    Jul 2012

    Posted 01 Apr 2013 Link to this post

    How could I make visible groupings of Tiles with the RadList?  Maybe a thin outline around them and/or a Label. 
  2. Yoan
    Admin
    Yoan avatar
    1070 posts

    Posted 02 Apr 2013 Link to this post

    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

    Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

  3. UI for WPF is Visual Studio 2017 Ready
  4. Patrick
    Patrick avatar
    42 posts
    Member since:
    Jul 2012

    Posted 02 Apr 2013 Link to this post

    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: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>

  5. Yoan
    Admin
    Yoan avatar
    1070 posts

    Posted 03 Apr 2013 Link to this post

    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

    Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

  6. Patrick
    Patrick avatar
    42 posts
    Member since:
    Jul 2012

    Posted 03 Apr 2013 Link to this post

    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,
  7. Answer
    Yoan
    Admin
    Yoan avatar
    1070 posts

    Posted 03 Apr 2013 Link to this post

    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

    Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

Back to Top
UI for WPF is Visual Studio 2017 Ready