This document discusses various layout controls in Silverlight, including the StackPanel, WrapPanel, DockPanel, and Grid. It notes that the StackPanel places elements in a horizontal or vertical stack, the WrapPanel wraps elements into multiple lines or columns, and the DockPanel aligns elements against edges of its container. It also explains that the Grid control arranges elements in rows and columns like a table, and is one of the most flexible layout containers.

1. Working with Silverlight Controls

2. Mahender Sarangam Having close to 5 years of experience. Working as a Senior Software Engineer in United Health Group. Good Knowledge on C#, ASP.NET, Silverlight, WPF ,SQL Server, Team Foundation Server(TFS) and SharePoint Technology.

3. Silverlight window can hold only a single element. To fit in more than one element, we create a container in Silverlight window and then add other elements to that container All SilverLight controls inherits from System.Windows.Controls.Panel class Silverlight Layout Controls

4. Hierarchy of Panel Class

5. Logical DOM structure

6. Visual DOM

10. Orientation=“Horizontal/Vertical”Stack Panel

12. WrapPanel:Places elements in a series of wrapped lines. In horizontal orientation, the WrapPanel lays items out in a row from left to right and then onto subsequent lines. In vertical orientation, the WrapPanel lays out items in a top-to- bottomcolumnand then uses additional columns to fit the remaining items. Thislayout container is available in the Silverlight Tookit. DockPanel : Aligns elements against an entire edge of the container. This layout container is available in the Silverlight Tookit. Grid Arranges elements in rows and columns according to an invisible table. This isoneof the most flexible and commonly used layout containers. Canvas Allows elements to be positioned absolutely using

13. Border

14. The Wrap Panel lays out controls in the available space, one line or column at a time. By default, the WrapPanel.Orientation property is set to Horizontal; controls are arranged from left to right and then on subsequent rows. Wrap Panel

15. The Silverlight Toolkit also includes a layout container called the Dock Panel. For Example: Dock Panel

16. It acts like a table in HTML but there are many differences in the markup representation The Grid is the most powerful layout container in Silverlight. It’s the default root layout element for all the UserControl and Page templates, and is the one control that allows you to easily resize (not rescale) content to take up the space available to the plug-in RowDefinitions collection stores the definitions of the rows of a Grid and the Grid also enables to create a ColumnDefinition element. This element must be defined within the ColumnDefinitionscollection Grid Layout

17. THANK YOU