TileView Transition animation

[Alex]

Hi. I have question : When i change selected item the animation begins with the color spesified in Them. And it's not comfortable that my screen is always white in "Windows8Touch" them for example. How can i change color while transiting ?

 

<telerik:RadTileView
            x:Name="RadTileViewMain"
            HorizontalAlignment="Stretch"  
            VerticalAlignment="Stretch"
            Margin="5"
            TileStateChangeTrigger="SingleClick"  
            telerik:StyleManager.Theme="Windows8Touch" Background="{Binding UISettings.BackColorBrush, NotifyOnTargetUpdated=True}" IsAutoScrollingEnabled="True" MinimizedColumnWidth="150" MinimizedRowHeight="125" MaximizeMode="One" PreservePositionWhenMaximized="True" ReorderingDuration="0:0:0.2" ResizingDuration="0:0:0.2" IsVirtualizing="True"
            >
            <telerik:RadFluidContentControl  telerik:StyleManager.Theme="Windows8Touch" Background="{Binding UISettings.BackColorBrush, NotifyOnTargetUpdated=True}" MouseDown="RadFluidContentControl_MouseDown" TransitionDuration="0:0:0.4" ScrollViewer.CanContentScroll="True" SnapsToDevicePixels="True">
                <telerik:RadFluidContentControl.Content>
                    <Grid Background="{Binding UISettings.BackColorBrush, NotifyOnTargetUpdated=True}" Cursor="Hand">
                    </Grid>
                </telerik:RadFluidContentControl.Content>
                <telerik:RadFluidContentControl.SmallContent  >
                    <Grid Background="{Binding UISettings.BackColorBrush, NotifyOnTargetUpdated=True}" Cursor="Hand">
                        <StackPanel Orientation="Vertical" >
                            <Image Height="30"
                                Source="{Binding UISettings.ThemType, ConverterParameter=sms-settings.png, Converter={StaticResource BtnConverter}, NotifyOnSourceUpdated=True}"
                                HorizontalAlignment="Stretch" VerticalAlignment="Stretch"   />
                            <Label Foreground="{Binding UISettings.ForeColorBrush, NotifyOnTargetUpdated=True}" Content="{Binding Source={StaticResource Localization_WorkMode}}" x:Name="label1"  VerticalAlignment="Center"   HorizontalAlignment="Center" Margin="5,0,0,0" FontSize="16"  Tag="0"  />

                        </StackPanel>
                    </Grid>
                </telerik:RadFluidContentControl.SmallContent>
                <telerik:RadFluidContentControl.LargeContent>
                    <Grid Background="{Binding UISettings.BackColorBrush, NotifyOnTargetUpdated=True}" >
                        <Label x:Name="ModeSettings"/>
                    </Grid>
                </telerik:RadFluidContentControl.LargeContent>
            </telerik:RadFluidContentControl>

[Evgenia]

Hi Alex,

I'm sorry but the information you are providing is unsufficient for us. Could you please attach a screencast or an isolated runnable project where this can be observed? Does the issue reproduces in this online sample if it had Windows8Touch theme applied?

Looking forward to hearing from you.

Regards,
Evgenia
Telerik

 

 

[Alex]

Hi in your demos background is white and only in one example there ara the RadFluidContentControl 

In few words : There is the RadTileView  with a few RadFluidContentControls where the Background property is binded and it's not white. Large , Small  and just Content is described and the BackColor property is set the same way for every one of them. And on change state the background is always white atfirst in slow computers it longs for 1-3 seconds.

[Alex]

Forget to say : Windows8Touch Theme is set

[Pavel R. Pavlov]

Hi Alex,

I think I understand what you describe. The reason behind the reported issue is the fact that the RadFluidContentControl sets the color of its content to transparent (at the beginning of the animation) and then slowly switches the different content. This visualizes the background of the RadTileViewItem itself. By default it is white. 

To overcome the reported behavior you can apply the color defined by your BackColorBrush to the RadTileViewItem (using a Style) instead to all contents of the RadFluidContentControl. Please give this approach a try and let us know if you need any further assistance.

Regards,
Pavel R. Pavlov
Telerik