c# - Replace the contents of a WPF grid after a button click -

i'm trying modify c# kinect sample (kinect fusion explorer).

in main window application, there grid diplays 3d rendering of kinect fusion feed.

i know if possible replace contents of grid after clicking button in form.

<grid x:name="compositehost" grid.row="0" grid.column="0" grid.rowspan="2" horizontalalignment="left" cliptobounds="false" >     <viewbox grid.column="0">         <image name="shadedsurfaceimage"/>     </viewbox>     <viewport3d name="graphicsviewport" ishittestvisible="false" >         <!-- 3d elements added here programatically, performance can add following line above: renderoptions.edgemode="aliased"  -->     </viewport3d> </grid> 

right feed uses viewport3d output feed. output simple video feed after button click. here xaml looks simple video feed:

<grid>     <image name="videoimage"/> </grid> 

i new c# , wpf development wanted know if achievable or whether have open new window display video feed.

thanks

i'm working on project uses lot, need navigation between different grids. i'm using single window , diferent pages example of i'm doing: http://www.dotnetfunda.com/articles/show/2214/how-to-do-push-to-press-with-kinect-sdk-17 1 it's project not made me this:

<dockpanel>         <frame x:name="_mainframe"    navigationuivisibility="hidden" /> </dockpanel> 

in part declare mainframe content change on windows.

(application.current.mainwindow.findname("_mainframe") frame).source = new uri("theotherpage.xaml", urikind.relative); 

and here click event.

remember using uri clas loading different resources , name mainframe want change.