# Help Blend FluidMoveBehavior

**URL:** <https://forum.kirupa.com/t/help-blend-fluidmovebehavior/309702>\
**Category:** programming\
**Created:** [May 21, 2010, 8:51pm UTC](https://forum.kirupa.com/t/help-blend-fluidmovebehavior/309702 "2010-05-21T20:51:36Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![marinab](https://avatars.discourse-cdn.com/v4/letter/m/e274bd/32.png) [@marinab](https://forum.kirupa.com/u/marinab)\
**Post date:** [May 21, 2010, 8:51pm UTC](https://forum.kirupa.com/t/help-blend-fluidmovebehavior/309702/1 "2010-05-21T20:51:36Z")

</div>

Hi, was trying to recreate FluidMoveBehavior tutorial on you rwebsite:  
[http://www.kirupa.com/blend\_silverlight/fluidmove\_pg1.htm](http://www.kirupa.com/blend_silverlight/fluidmove_pg1.htm)

the steps seem are very simple, but I can not figure it out…  
Please can someone look at xaml code and let me know what I’m doing wrong???

\<navigationage  
xmlns=“[http://schemas.microsoft.com/winfx/2006/xaml/presentation](http://schemas.microsoft.com/winfx/2006/xaml/presentation)”  
xmlns=“[http://schemas.microsoft.com/winfx/2006/xaml](http://schemas.microsoft.com/winfx/2006/xaml)”  
xmlns:d=“[http://schemas.microsoft.com/expression/blend/2008](http://schemas.microsoft.com/expression/blend/2008)”  
xmlns:mc=“[http://schemas.openxmlformats.org/markup-compatibility/2006](http://schemas.openxmlformats.org/markup-compatibility/2006)”  
xmlns:navigation=“clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Navigation”  
xmlns:controlsToolkit=“clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Toolkit” xmlns:i=“clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity” xmlns:il=“clr-namespace:Microsoft.Expression.Interactivity.Layout;assembly=Microsoft.Expression.Interactions”  
xmlns:ei=“[http://schemas.microsoft.com/expression/2010/interactions](http://schemas.microsoft.com/expression/2010/interactions)”  
mc:Ignorable=“d”  
x:Class=“NavigationEffect.FluidEffect”  
Title=“FluidEffect Page” designWidth=“681”\>  
\<UserControl Width=“Auto” Height=“Auto” HorizontalAlignment=“Stretch” VerticalAlignment=“Stretch”\>  
\<Grid x:Name=“LayoutRoot” Background=“White” Margin=“0” Width=“Auto” Height=“Auto”\>  
\<ScrollViewer Margin=“0” Width=“Auto” Height=“Auto” \>  
\<controlsToolkit:WrapPanel Height=“Auto” Width=“Auto” Margin=“0” HorizontalAlignment=“Stretch” VerticalAlignment=“Stretch”\>

\<i:Interaction.Behaviors

\>

\<ei:FluidMoveBehavior

AppliesTo=“Children”\>

\<ei:FluidMoveBehavior.EaseY

\>

\<CubicEase

EasingMode=“EaseIn” /\>

\</ei:FluidMoveBehavior.EaseY\>

\<ei:FluidMoveBehavior.EaseX

\>

\<CubicEase

EasingMode=“EaseIn” /\>

\</ei:FluidMoveBehavior.EaseX\>

\</ei:FluidMoveBehavior\>

\</i:Interaction.Behaviors\>

\<Ellipse

Fill="#FFF4F4F5" Height=“139” Stroke=“Black” Width=“153” Margin=“10” /\>

\<Ellipse

Fill="#FFF4F4F5" Height=“139” Stroke=“Black” Width=“153” Margin=“10” /\>

\<Ellipse

Fill="#FFF4F4F5" Height=“139” Stroke=“Black” Width=“153” Margin=“10” /\>

\<Ellipse

Fill="#FFF4F4F5" Height=“139” Stroke=“Black” Width=“153” Margin=“10” /\>

\<Ellipse

Fill="#FFF4F4F5" Height=“139” Stroke=“Black” Width=“153” Margin=“10” /\>

\<Ellipse

Fill="#FFF4F4F5" Height=“139” Stroke=“Black” Width=“153” Margin=“10” /\>

\<Ellipse

Fill="#FFF4F4F5" Height=“139” Stroke=“Black” Width=“153” Margin=“10” /\>

\<Ellipse

Fill="#FFF4F4F5" Height=“139” Stroke=“Black” Width=“153” Margin=“10” /\>

\<Ellipse

Fill="#FFF4F4F5" Height=“139” Stroke=“Black” Width=“153” Margin=“10” /\>

\<Ellipse

Fill="#FFF4F4F5" Height=“139” Stroke=“Black” Width=“153” Margin=“10” /\>

\<Ellipse

Fill="#FFF4F4F5" Height=“139” Stroke=“Black” Width=“153” Margin=“10” /\>

\<Ellipse

Fill="#FFF4F4F5" Height=“139” Stroke=“Black” Width=“153” Margin=“10” /\>

\<Ellipse

Fill="#FFF4F4F5" Height=“139” Stroke=“Black” Width=“153” Margin=“10” /\>

\<Ellipse

Fill="#FFF4F4F5" Height=“139” Stroke=“Black” Width=“153” Margin=“10” /\>

\<Ellipse

Fill="#FFF4F4F5" Height=“139” Stroke=“Black” Width=“153” Margin=“10” /\>

\<Ellipse

Fill="#FFF4F4F5" Height=“139” Stroke=“Black” Width=“153” Margin=“10” /\>

\<Ellipse

Fill="#FFF4F4F5" Height=“139” Stroke=“Black” Width=“153” Margin=“10” /\>

\<Ellipse

Fill="#FFF4F4F5" Height=“139” Stroke=“Black” Width=“153” Margin=“10” /\>

\<Ellipse

Fill="#FFF4F4F5" Height=“139” Stroke=“Black” Width=“153” Margin=“10” /\>

\<Ellipse

Fill="#FFF4F4F5" Height=“139” Stroke=“Black” Width=“153” Margin=“10” /\>

\<Ellipse

Fill="#FFF4F4F5" Height=“139” Stroke=“Black” Width=“153” Margin=“10” /\>

\<Ellipse

Fill="#FFF4F4F5" Height=“139” Stroke=“Black” Width=“153” Margin=“10” /\>

\<Ellipse

Fill="#FFF4F4F5" Height=“139” Stroke=“Black” Width=“153” Margin=“10” /\>

\<Ellipse

Fill="#FFF4F4F5" Height=“139” Stroke=“Black” Width=“153” Margin=“10” /\>

\</controlsToolkit:WrapPanel\>  
\</ScrollViewer\>  
\</Grid\>

\</UserControl\>  
\</navigationage\>