Silverlight 4 Firestarter Series #3: How to work with Panels, XAML, and Controls in Silverlight

Avatar

I am back with details on how to work with Panels, XAML, and Controls in Silverlight. In this walkthrough, we will see how to work with Panels, XAML, and Controls to create a Data-Driven Silverlight Interface.

During this walkthrough we will cover the following topics:

  1. How to use the Visual Studio 2010 Silverlight Designer, Cider
  2. How to work with XAML, Panels, and Controls
  3. The difference between a Grid and a StackPanel
  4. How to add controls and XML Namespaces
  5. How to create a UserControl

Before you begin, you need to download the offline kit from the Firestarter Labs to use the existing applications.

To work with Panels, XAML, and Controls follow these three simple steps:

Step 1: Create a Data-Driven Interface
Step 2: Create a Form Entry to edit the Interface Details
Step 3: Add a Menu using the StackPanel

Step 1: Create a Data-Driven Interface

In this step, we will see how to work with XAML, work with controls by adding a DataGrid, and work with the visual editor, known as the Cider editor, in Visual Studio. To create a Data-Driven Interface, follow these steps:

  1. Open Visual Studio 2010, and from the File menu, select Open Project. The Open Project dialog box is displayed.
  2. Open the following Visual Studio Solution file from the downloaded offline kit:
    “FirestarterLabs

0 comments

Leave a comment