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

TileView to take up full screen width and height?

6 Answers 90 Views
TileView
This is a migrated thread and some comments may be shown as answers.
madladuk
Top achievements
Rank 2
madladuk asked on 05 Jul 2010, 01:17 PM
<telerikNavigation:RadTileView x:Name="RadTileView1" Width="1200"  Height="600" 
                    MinimizedColumnWidth="197" 
                     HorizontalAlignment="Center" VerticalAlignment="Center">  
                <telerikNavigation:RadTileViewItem> 
Hi. I have a TileView that multiple tile items which are usercontrols. I dont want to set the width of the tileview container as I want this to be the full length of the screen however if I set the width and height to "Auto" then nothing shows. I have to put values in the width and height. Can someone point me in the right direction?

6 Answers, 1 is accepted

Sort by
0
Tina Stancheva
Telerik team
answered on 08 Jul 2010, 10:48 AM
Hello madladuk,

You can set the HorizontalAlignment and VerticalAlignment properties to Stretch in order to display the TileView stretched on the entire screen. Or you can simply remove the properties since their default value is Stretch.

Give this approach a try and let me know if this is what you had in mind.

Sincerely yours,
Tina Stancheva
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
madladuk
Top achievements
Rank 2
answered on 09 Jul 2010, 09:48 AM
Hi, tried that and all it done was to show one of the tiles in the center of the screen and didnt show the second one. When you minimise it, then tile then is not visable. The only way it appears to work is to set an actual width and height. If I remove these then the panel does not show.

Thanks
P
0
Derek Strickland
Top achievements
Rank 1
answered on 10 Jul 2010, 02:17 PM
I have the exact same issue.  Any help would be appreciated.  Additionally, i would like the TileViewItems to not have a fixed width and height but to scale automatically.   
0
Accepted
Kiril Stanoev
Telerik team
answered on 13 Jul 2010, 02:41 PM
Hi Guys,

If you define your TileView the following way...

<GridView x:Name="LayoutRoot" Background="White">
    <telerikNavigation:RadTileView x:Name="RadTileView1" Width="Auto" Height="Auto"
            MinimizedColumnWidth="197" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" />
</GridView>

...TileView will stretch as much as possible. However, please notice that the TileView is placed in a Grid. If you put your TileView in StackPanel...

<StackPanel x:Name="LayoutRoot" Background="White">
    <telerikNavigation:RadTileView x:Name="RadTileView1" Width="Auto" Height="Auto"
            MinimizedColumnWidth="197" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" />
</StackPanel>

...you will not be able to see anything. StackPanel gives its children only as much space as they need. Since the Width and Height of RadTileView are Auto, it basically says "Hey StackPanel, you determine how much space I need" and the StackPanel allocates it 0,0. Here is more information on the Silverlight Layout System you might find useful and the panels in it.

I'm attaching my test project for further reference.

Sincerely yours,
Kiril Stanoev
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
madladuk
Top achievements
Rank 2
answered on 13 Jul 2010, 04:00 PM
Many thanks that worked a treat. I found that indeed I did have this within a stackpanel! Grrrr@StackPanels
0
Jeff Watson
Top achievements
Rank 1
answered on 09 Sep 2010, 08:34 PM
Awesome! I too had my TileView nested inside the StackPanel.  Woot! Feeling much better now!
Tags
TileView
Asked by
madladuk
Top achievements
Rank 2
Answers by
Tina Stancheva
Telerik team
madladuk
Top achievements
Rank 2
Derek Strickland
Top achievements
Rank 1
Kiril Stanoev
Telerik team
Jeff Watson
Top achievements
Rank 1
Share this question
or