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?