Tile View's Maximum width

[Neelesh]

Hi there,

I have a requirement in tile view that I need to set the width of the tile as per the user specified. It works fine as far as the width is something under 20000 or so. On increasing the width of the tile more than this, it broke the tile. That is to say, it hide the tile at some place and show at other. I am not able to do a smooth scroll either. 
Moreover, it takes a lot of time to set the width of the tile, till then, UI got hanged.

Please suggest some way to overcome this situation. I am stuck badly.

[Zarko]

Hello Neelesh,
Unfortunately we're not aware of such issue and I'd like to ask you for some more information:
- Do you want your TileView to be 20000px or your TileViewItems?
- How do you define your TileViewItems?
- Do you have a maximized item?
- Could you please send us some code snippets(on how you've defined your tileView) or even better - a sample project?
I've attached a very simple project I used for testing so you could check it out and tell us what you're doing differently.
We're looking forward to hearing from you.

Regards,
Zarko
Telerik

[Neelesh]

Hello Zarko,

This is just the code I have in my MainPage.xaml. I can't see the tile item on the screen until I reduce the size to 20000. It is not such, that due it's large width of the tile item it is not visible. I have tested it so many time It might be due to some problem with the tile view itself.


<UserControl x:Class="TileViewPOCSilver.MainPage"
   xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation">

    <Grid x:Name="LayoutRoot" Background="White">
        <Grid.RowDefinitions>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
            <telerik:RadTileView x:Name="xTileView" HorizontalAlignment="Stretch"
                                     VerticalAlignment="Stretch"   Background="AliceBlue" IsVirtualizing="false">     
                <!--Try setting the width to 20000 it shows  half tile-->
                <!--setting width to 500000, it didn't show the tile at all-->
            <telerik:RadTileViewItem Width="500000" Height="200"/>
            </telerik:RadTileView>        
    </Grid>
</UserControl>

[Zarko]

Hi Neelesh,
Thank you for the code snippet! It really seems to be a problem when you set the width to be more than 425990 but you can reproduce this with Microsofts' ListBox:

<ListBox Background="AliceBlue">
    <ListBoxItem Width="425993"
                 Height="200"
                 Background="Red" />
</ListBox>

or Rectangle:

<Rectangle Width="300000"
       Height="200"
       Fill="Red" />

so I guess it's a framework limitation/optimization.
My advice is to use smaller TileViewItems with ScrollViewer inside of them if needed.
I hope I was able to help you and if you have further questions feel free to ask.

Regards,
Zarko
Telerik