Silverlight control layout update in runtime

Question

I have a silverlight control that has a few element such as: Image, TextBox and a TextBlock.

The application shows a list of the same control and the controls are placed in a specific layout, in grid with rows and cols.

Now,

I would like to be able to modify all the controls layout and arrange the element differently (preferred animatedly) without reloading the control.

Does anyone know how to do so?

Thanks, Ronny

Answer 1

1. Use the States pane in Expression Blend 3 to define different layouts.
2. Use the GoToStateAction for the objects/events that you want to trigger the change or call VisualStateManager:GoToState(this, "NewState", true) from your code behind to switch layouts.
3. Use FluidLayout (the wave-shaped first button first for the State Group) to animate the change from one grid col/row to another.