c# - Animate a grid to move or slide to the right WPF -

i have grid elements in it. want move of elements, not possible move grid together? isn't having effect i'm seeing , i've tried scalex , such well.

<grid x:name="hancockdetails" horizontalalignment="left" height="100" verticalalignment="top" width="100" grid.column="1" rendertransformorigin="0.5,0.5">                           <rectangle horizontalalignment="left" height="100" stroke="black" verticalalignment="top" width="100"/>     <textblock horizontalalignment="left" textwrapping="wrap" text="textblock" verticalalignment="top" foreground="#fff30000"/>                            </grid>           </grid>       </s:scatterviewitem> 

my function:

storyboard sb = new storyboard();  doubleanimation slide = new doubleanimation(); slide.to = 3000.0; slide.from = 0; slide.duration = new duration(timespan.frommilliseconds(40.0));  // set target of animation storyboard.settarget(slide,hancockdetails); storyboard.settargetproperty(slide, new propertypath("rendertransform.(scaletransform.scaley)"));  // kick animation off sb.children.add(slide); sb.begin(); 

you need first add rendertransform in markup, otherwise runtime can't find it:

<grid x:name="hancockdetails" ...>       <grid.rendertransform>         <translatetransform />     </grid.rendertransform> </grid> 

i assume want use translatetransform, , not scaletransform, since goal slide grid over, not resize it?

storyboard.settargetproperty(slide,      new propertypath("rendertransform.(translatetransform.x)"));