Sliding behavior of RadSlideHubTiles

5 posts, 1 answers
  1. GJ Kuz
    GJ Kuz avatar
    29 posts
    Member since:
    May 2011

    Posted 30 Apr 2012 Link to this post

    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
  2. Answer
    Kiril Stanoev
    Admin
    Kiril Stanoev avatar
    1512 posts

    Posted 01 May 2012 Link to this post

    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

    Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>

  3. DevCraft banner
  4. GJ Kuz
    GJ Kuz avatar
    29 posts
    Member since:
    May 2011

    Posted 01 May 2012 Link to this post

    You guys rock!!! Thank you Kiril. Worked like a charm.
    thanks,
    Gilles
  5. GJ Kuz
    GJ Kuz avatar
    29 posts
    Member since:
    May 2011

    Posted 01 May 2012 Link to this post

    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
  6. GJ Kuz
    GJ Kuz avatar
    29 posts
    Member since:
    May 2011

    Posted 01 May 2012 Link to this post

    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
Back to Top
DevCraft banner