This is a migrated thread and some comments may be shown as answers.

Hide TileViewItem Header

1 Answer 257 Views

TileView

This is a migrated thread and some comments may be shown as answers.

Kamran asked on 07 Nov 2012, 12:55 PM

error.png

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;

Hide TileViewItem Header

1 Answer, 1 is accepted