Chapter 8. Panels

 

This chapter covers

  • Using absolute layout with the Canvas
  • Stacking items with the StackPanel
  • Wrapping items with the WrapPanel
  • Using the Grid for cell-based layout

Panels in Silverlight provide a way to host multiple elements and provide unique layout logic. For example, you may want a panel that lays out elements so they appear to radiate out of a central point (think of the wheel on Wheel of Fortune). Rather than provide each and every control with the knowledge required to perform that layout, Silverlight leaves it to the panel.

This delegation to panels and the layout system is why you won’t see Left and Top properties on UI elements—those properties are provided by the panels in the form of attached properties (see section 2.1.5 for more information on attached properties).

In typical use, any control you place in the UI in Silverlight is going to be hosted in a panel at some level. Understanding how the different panels work is essential to making the most of Silverlight’s UI capabilities.

Though numerous types of panels are available, the four most important and widely used are Canvas, StackPanel, WrapPanel, and Grid. Of them, Grid, the most widely used and most flexible of the panels, and also the default for UserControl and Page templates, is arguably the most important panel to understand.

8.1. Canvas

8.2. The StackPanel

8.3. The WrapPanel

8.4. The Grid

8.5. Summary