Blurry tile item

[Ken]

Hello,

I've a strange problem: in a TileView with 3 tile items placed in a layout like so 1/2 | 3, so two stacked vertically on the left and one maximized on the right, the item that ends up in the bottom left (number 2 position) is rendered really blurry. Regardless of the actual item that ends up minimized there, it's blurry. The other two items are fine.

I also noticed that this doesn't happen, for some reason, out-of-browser, only in-browser.

The blur is hard to explain, the best I could say is that when you click a tile item's minimize or maximize button, during the animation, they are rendered somewhat blurry. This is kind of what my problem item looks like, it's like the animation is still ongoing or something.

Any ideas why this might be?

Thanks,
Adrian

[Zarko]

Hi Adrian,

Thank you for your bug report.
There's a known problem with blurred TileViewItems and it will be fixed with the Q1 2011 Beta which will be available next Tuesday (22th of February) the latest.
If you have further questions feel free ti ask.

Regards,

Zarko

the Telerik team

[Ken]

Hi,

Thanks for the info. Is it possible to get a hotfix just for this problem and integrate it with the current "stable" release? I'd rather not use the whole suite in beta if possible.

Thanks,
Adrian

[Zarko]

Hello Adrian,

 I'm sorry to inform you that this won't be possible because the RadTileView went through major refactoring (it was literally rewritten) and as of Q1 2011 Beta we stop the support for the old RadTileView. 
If you need more information don't hesitate to ask.

Best wishes,

Zarko

the Telerik team

[Acanthia Norman]

I have a demo coming up in a week and I'm seeing this blurry issue.  Is there a workaround or a hotfix I can apply until the non-beta version with the fix comes out?

[Zarko]

Hi Acanthia Norman,

 Unfortunately there's no know work around for this issue and there are no other versions except the Q1 Beta that include our fix, but we are going to release the official Q1 2011 until the end of the week and this fix will be in it.
If you have more questions feel free to ask. 

All the best,
Zarko
the Telerik team

[James Arnott]

We have upgraded to the new Q1 controls but are still seeing the Blur issue occur.

[Kiril Stanoev]

Hi James,

Could you please send us a sample project reproducing the issue as well as some screenshots of what is displayed at your end. This way we'll be better able to assist you.

Regards,
Kiril Stanoev
the Telerik team

[Josh]

Hi Kiril,

I work with James and have created a new sample project for you to review.  The problem we are noticing is when the tile's state changes, the current content enlarges and fades away before the new content is shown.  Don't know if it's a bug or not.  If not, how do we get rid of transition animation of the content?  I have attached a screen shot in midst of maximizing the tile.  Thanks.

<telerik:RadTileView Margin="0,0,1,1" d:LayoutOverrides="Width, Height" MinimizedRowHeight="150" MinimizedColumnWidth="150">
   <telerik:RadTileViewItem Header="RadTileViewItem" TileState="Maximized">
    <telerik:RadFluidContentControl State="Normal" NormalToSmallThreshold="200,200" SmallToNormalThreshold="199,199" NormalToLargeThreshold="400,400" LargeToNormalThreshold="399,399">
     <telerik:RadFluidContentControl.Content>
     <Grid Width="200" Height="172">
      <TextBlock Text="restore"/>
     </Grid>
     </telerik:RadFluidContentControl.Content>
     <telerik:RadFluidContentControl.LargeContent>
      <Grid Width="400" Height="400">
       <TextBlock Text="large"/>
      </Grid>
      </telerik:RadFluidContentControl.LargeContent>
      <telerik:RadFluidContentControl.SmallContent>
       <Grid Width="30" Height="30">
        <TextBlock Text="small"/>
       </Grid>
      </telerik:RadFluidContentControl.SmallContent>

    </telerik:RadFluidContentControl>
    </telerik:RadTileViewItem>
   <telerik:RadTileViewItem Header="RadTileViewItem"/>
   <telerik:RadTileViewItem Header="RadTileViewItem"/>
   <telerik:RadTileViewItem Header="RadTileViewItem"/>
  </telerik:RadTileView>

[Zarko]

Hello Josh,

 The behavior that you describe comes from the RadFluidContentControl and more specifically from the Transition control inside it. If you want to disable the transition effects you should set the Transition property of the RadFluidContentControl to null like this:

<telerik:RadFluidContentControl State="Normal" NormalToSmallThreshold="200,200"
                SmallToNormalThreshold="199,199" NormalToLargeThreshold="400,400"
                LargeToNormalThreshold="399,399" Transition="{x:Null}">

You can see the different transitions in this demo. I'll also advise you not to use Thresholds because they are not 100% reliable, instead you should use one of the approaches described here and here.
If you have further questions feel free to ask.

Regards,
Zarko
the Telerik team

[Josh]

That's it.  Thanks.