Hide TileViewItem Header

2 posts, 0 answers
  1. Kamran
    Kamran avatar
    16 posts
    Member since:
    Nov 2011

    Posted 07 Nov 2012 Link to this post

    Dear Team,
      I have a RadTileView which bind to list. Problem is that i dont want any header (area, text, togglebutton). Please guide me through sample application. In attached image my problem may be more clear. on Left side i have a tile view (items source not bind) have individual tileviewitems. I got my desired result. How i will get such result if i bind items source to some collection. Here in example  i only set contentTemplate.  Can you tell me difference between content template and itemstemplate???
    Here is my code for your reference

    <DataTemplate x:Key="ContentTemplate">
                <Grid Width="{Binding RestoredWidth}" Height="{Binding RestoredHeight}">
                     
                    <telerik:RadTileViewItem Background="#1a9fe0"
                                         Content="{Binding Content}"
                                         MinimizedHeight="125"
                                         RestoredHeight="{Binding RestoredHeight}"
                                         RestoredWidth="{Binding RestoredWidth}"
                                         Style="{DynamicResource RadTileViewItemStyle}" />
                </Grid>
            </DataTemplate>
     //Where RadTileViewItemStyle is Same Style I used in First RadTileView
    <!--///////////////////////////////////////////////////////////////////////////////////-->
                <telerik:RadTileView Name="RadTileView1" Width="1000" Grid.Row="1" Grid.Column="1" MaximizeMode="Zero"  Margin="20 0 0 0" Height="400"
                                ColumnsCount="4"                        
                                 RowHeight="Auto"
                                  ColumnWidth="Auto"
                                 DragMode="Swap"
                                 MinimizedColumnWidth="100"
                                 MinimizedRowHeight="Auto"
                                 HorizontalContentAlignment="Stretch"
                                 PreservePositionWhenMaximized="True"              
                                 telerik:TileViewPanel.IsColumnsShrinkEnabled="True"
                                 telerik:TileViewPanel.IsSizeBoundToPosition="True"
                                 ContentTemplate="{StaticResource ContentTemplate}"
                                     >
     
                </telerik:RadTileView>
    public List<TileView> Collection = new List<TileView>();
    ///////////////////////////////////////////////////////////////////////////
                Collection.Add(new TileView() { Content = "Item8", RestoredHeight = 100, RestoredWidth = 245 });
                Collection.Add(new TileView() { Content = "Item9", RestoredHeight = 100, RestoredWidth = 245 });
                Collection.Add(new TileView() { Content = "Item10", RestoredHeight = 100, RestoredWidth = 245 });
                Collection.Add(new TileView() { Content = "Item11", RestoredHeight = 100, RestoredWidth = 245 });
     
                Collection.Add(new TileView() { Content = "Item12", RestoredHeight = 100, RestoredWidth = 245 });
                Collection.Add(new TileView() { Content = "Item13", RestoredHeight = 100, RestoredWidth = 122 });
                Collection.Add(new TileView() { Content = "Item14", RestoredHeight = 100, RestoredWidth = 122 });
                Collection.Add(new TileView() { Content = "Item15", RestoredHeight = 100, RestoredWidth = 245 });
                Collection.Add(new TileView() { Content = "Item16", RestoredHeight = 100, RestoredWidth = 245 });
     
                RadTileView1.ItemsSource = Collection;
  2. Tina Stancheva
    Admin
    Tina Stancheva avatar
    3298 posts

    Posted 09 Nov 2012 Link to this post

    Hi Kamran,

    I posted a reply in the support ticket you sent. Please take a look at the approach I implemented in your original solution and let me know if it helps.

    Regards,
    Tina Stancheva
    the Telerik team

    Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

  3. UI for WPF is Visual Studio 2017 Ready
Back to Top