Blur Effect Affect

07-02-2009 2:29 PM |

I have been working on creating a rich coverflow control for media browsing in our organization.  

When a user opens a specific piece of media I want to open a new "window" with a specific player that allows for annotation of the media etc.  For usability purposes I would like to blur the coverflow control so the eye is not distracted by the other information.  Of course all of this would be attached to a story board.  

So the XAML looks like this:

<local:ctlVertCoverFlow x:Name="myVert">
  <local:ctlVertCoverFlow.Effect>
     <BlurEffect Radius="0"/>
  </local:ctlVertCoverFlow.Effect>
</local:ctlVertCoverFlow>

Then on a storyboard i set the Radius to 10 and expand the player.

The problem is that the control fails to render correctly.   It just shows white regions where each item would exist.  On the bottom is a scroll bar and you can navigate through, things look like as if they are responding as expected.  Once an item is "active" in the flow, it's faces can be rotated by clicking on the label on the bottom (or white region) etc. 

Then POOF the images show and it looks normal.  

I know odd right?

Then.... 

if I remove the Effect from the control it works exactly as expected.  No problems, no nothing.  

You can check out the example here. 

http://bigdubb.homedns.org/silverlightdemos/coverflow/default.aspx

 Anyone with any suggestions?