RadCustomHubTile flicker

3 posts, 0 answers
  1. Sergio
    Sergio avatar
    5 posts
    Member since:
    Apr 2012

    Posted 07 Nov 2012 Link to this post

    I've created a RadCustomHubTile with front and back content.
    Clicking on it or scrolling has some nasty flickering/things going into the tile surroundings...

    If I removed the BackContent I can't see it anymore.

    I'm using a RadWrapPanel as ItemsPanel of a ListBox. but even removing it does not solve it.

    The only way to make it disappear is to remove the BackContent, so that it does not flip anymore.

    I've tried the current released binaries and the daily builds one, but it has the same behavior.

    this is what I have as a list on main screen:

     

    <ListBox ItemsSource="{Binding LiveStocks}" ItemTemplate="{StaticResource StockTemplate}">

     <ListBox.ItemsPanel>

     <ItemsPanelTemplate>

         <telerikPrimitives:RadWrapPanel Orientation="Horizontal" />

     </ItemsPanelTemplate>

     </ListBox.ItemsPanel>

     </ListBox>


    and this is the data template:

            <DataTemplate x:Key="StockTemplate">

                 <telerikPrimitives:RadCustomHubTile Width="{Binding TileSize, Converter={StaticResource TileSizeToWidthConverter}, FallbackValue=210}"

                                                     Height="{Binding TileSize, Converter={StaticResource TileSizeToHeightConverter}, FallbackValue=210}"

                                                     Margin="6"

                                                     HorizontalAlignment="Left"

                                                     UpdateInterval="{Binding FlipUpdateInterval}"

                                                     telerikCore:InteractionEffectManager.IsInteractionEnabled="True">

     

                    <telerikPrimitives:RadCustomHubTile.FrontContent>

                        <StackPanel Background="{StaticResource PhoneAccentBrush}">

                            <Grid>

                                <Grid Background="Black"

                                      Opacity="0.25" />

                                <Grid>

                                    <Grid.ColumnDefinitions>

                                        <ColumnDefinition />

                                        <ColumnDefinition Width="Auto" />

                                    </Grid.ColumnDefinitions>

                                    <Grid>

                                        <TextBlock Text="{Binding Symbol}"

                                                   FontSize="{StaticResource PhoneFontSizeLarge}"

                                                   FontFamily="{StaticResource PhoneFontFamilySemiLight}"

                                                   Margin="8"

                                                   FontWeight="Bold" />

                                    </Grid>

                                </Grid>

                            </Grid>

                            <Grid>

                                <Grid.ColumnDefinitions>

                                    <ColumnDefinition Width="Auto" />

                                    <ColumnDefinition />

                                </Grid.ColumnDefinitions>

                                <TextBlock Text="{Binding LastTradePriceDisplay}"

                                           FontSize="{StaticResource PhoneFontSizeNormal}"

                                           FontFamily="{StaticResource PhoneFontFamilySemiLight}"

                                           Margin="8,0,8,0" />

                                <TextBlock Text="{Binding PercentualFormatted}"

                                           FontSize="{StaticResource PhoneFontSizeNormal}"

                                           FontFamily="{StaticResource PhoneFontFamilySemiLight}"

                                           Margin="8,0,8,0"

                                           Grid.Column="1"

                                           HorizontalAlignment="Right" />

                            </Grid>

                        </StackPanel>

                    </telerikPrimitives:RadCustomHubTile.FrontContent>

     

                    <telerikPrimitives:RadCustomHubTile.BackContent>

                        <Grid Background="{StaticResource PhoneAccentBrush}">

                            <StackPanel>

                                <TextBlock Text="{Binding Company}"

                                           FontSize="{StaticResource PhoneFontSizeMedium}"

                                           FontFamily="{StaticResource PhoneFontFamilySemiLight}"

                                           VerticalAlignment="Top"

                                           HorizontalAlignment="Left"

                                           Margin="8" />

                                <StackPanel Orientation="Horizontal">

     

                                    <TextBlock Text="prev close: "

                                               FontSize="{StaticResource PhoneFontSizeNormal}"

                                               FontFamily="{StaticResource PhoneFontFamilySemiLight}"

                                               Margin="8,0,0,0" />

                                    <TextBlock Text="{Binding PreviousCloseDisplay}"

                                               FontSize="{StaticResource PhoneFontSizeNormal}"

                                               FontFamily="{StaticResource PhoneFontFamilySemiLight}"

                                               Margin="0,0,8,0" />

                                </StackPanel>

                            </StackPanel>

                        </Grid>

                    </telerikPrimitives:RadCustomHubTile.BackContent>

                </telerikPrimitives:RadCustomHubTile>

            </DataTemplate>


    Any ideas what can be wrong?

  2. Victor
    Admin
    Victor avatar
    1351 posts

    Posted 13 Nov 2012 Link to this post

    Hello Sergio,

    Thanks for writing.
    I managed to reproduce some flicker only when the page is loaded. It occurs because the hub tile is first rendered in one visual state and then immediately goes to another. This will be fixed in the next internal build or official release. Is this the issue you are referring to?
    If not please attach a sample app that demonstrates the problem so that I may debug it and provide a workaround if possible.

    I am looking forward to your reply.

    Regards,
    Victor
    the Telerik team
    Have a suggestion or face a problem - you can use the Ideas & Feedback portal to submit ideas, feedback and vote for them.
  3. DevCraft banner
  4. Sergio
    Sergio avatar
    5 posts
    Member since:
    Apr 2012

    Posted 13 Nov 2012 Link to this post

    Ok,
    thank you for taking a look.

    I've created 2 solutions, one for wp7.1, another for wp8.

    I've additional information now:

    WP7.1 app running on a 7.1 phone (tango) DOES NOT have the flickering.
    The same app running on a wp8 phone (Nokia 920) has lots of it (just tap/move the tiles around).

    WP8 app on the Nokia 920 phone exhibits exactly the same behavior.

    Hope you can help me with this, as my target is WP7.1 and WP8 with only a WP7.1 solution for now.

    Thank you for your time,
    Sergio

    PS looks like I cant attach the solutions here...
          I'll create the requested support ticket.
          here is the link to the opened ticket:

           http://www.telerik.com/account/support-tickets/view-ticket.aspx?threadid=629444
Back to Top