The C1HyperPanel is similar to a StackPanel, except is applies a dynamic zoom effect as the user moves the mouse over the panel. Child elements near the mouse appear in their normal size, and elements away from the mouse are scaled down and appear smaller.

Use the Distribution and MinElementScale properties to control the intensity of the zoom effect.

Use the ApplyOpacity property to make elements far from the mouse appear faded.

Use VerticalAlignment and HorizontalAlignment properties on the child elements to determine how they should be aligned within the C1HyperPanel.

In order to apply the zooming effect efficiently, the C1HyperPanel takes over the RenderTransform property of its child elements. If you want to apply your own transforms to the child elements, place them in another panel before adding them to the C1HyperPanel.

Note that some native Silverlight elements (such as the Button control) do not always auto-size correctly. You should set the width and height of these elements explicitly before adding them to the C1HyperPanel.