Sliding behavior of RadSlideHubTiles

[GJ Kuz]

Telerik Team,

I have 6 radSildeHubTiles on a page and noticed that they all slide at the same time. Is there any way to make the slide behavior random like the way you see with the hubtiles on the People Hub on the phone? The Silverlight toolkit hubtile's slide behavior is similar to the people hub.

thanks,
Gilles

[Kiril Stanoev]

Hi Gilles,

Thank you for contacting us. You can control when a RadSlideHubTile slides by setting its UpdateInterval property. The best would be if your item ViewModel has an UpdateInterval property which is bound to RadSlideHubTile's UpdateInterval. Something similar to the code bellow:

<ItemsControl x:Name="itemsControl1" ItemsSource="{Binding Images}">
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <Grid Width="200" Height="200">
                <primitives:RadSlideHubTile UpdateInterval="{Binding UpdateInterval}">
                    <primitives:RadSlideHubTile.Title>
                        <TextBlock Text="{Binding }" FontSize="8" />
                    </primitives:RadSlideHubTile.Title>
                    <primitives:RadSlideHubTile.Picture>
                        <Image Source="{Binding Source}" Stretch="UniformToFill" />
                    </primitives:RadSlideHubTile.Picture>
                </primitives:RadSlideHubTile>
            </Grid>
        </DataTemplate>
    </ItemsControl.ItemTemplate>
    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <primitives:RadWrapPanel />
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>
</ItemsControl>

Please take a look at the attached project for further reference and let me know if you find anything unclear. I'd be glad to assist you  All the best,
Kiril Stanoev
the Telerik team

[GJ Kuz]

You guys rock!!! Thank you Kiril. Worked like a charm.
thanks,
Gilles

[GJ Kuz]

Kiril,

I have another question. I want to increase the font size of the title. It looks like changing the FontSize to a higher value has no effect. I tried your sample too. Could you please help?

<telerikPrimitives:RadSlideHubTile.Title>
      <TextBlock Text="{Binding Title}" FontSize="18" FontWeight="Bold" />
</telerikPrimitives:RadSlideHubTile.Title>

thanks,
Gilles

[GJ Kuz]

Never mind. Setting the font at the global level worked.

<telerikPrimitives:RadSlideHubTile FontSize="30" UpdateInterval="{Binding UpdateInterval}">
    <telerikPrimitives:RadSlideHubTile.Title>
        <TextBlock Text="{Binding Title}" FontSize="30" FontWeight="Bold" />
    </telerikPrimitives:RadSlideHubTile.Title>
   <telerikPrimitives:RadSlideHubTile.Picture>
       <Image Source="{Binding Source}" Stretch="UniformToFill" />
   </telerikPrimitives:RadSlideHubTile.Picture>
</telerikPrimitives:RadSlideHubTile>

thanks,
Gilles