Using Prism Quick Start Kit for Silverlight 3: Part I

In this article we will see how to use Prism Quick Start Kit for Silverlight 3.



Introduction

Prism Quick Start Kit is a collection of free project templates that will help us to implement Prism Framework in Silverlight 2 application. In this article we are going to explore how it can help in Silverlight 3 Applications.

Downloading the Templates

Here is the link from where you can download PrismQuickStartKitV0.2.zip.

Installing Templates

1) Unzip the content of the above zip file to a folder. You will find six more zip files inside it.

2) Now copy all the zip files and paste into the following folder. "My Documents\Visual Studio 2008\Templates\ProjectTemplates\Visual C#"

3) Now open Visual Studio 2008 and create a new project. Now In Visual C# root Category you can find all the newly installed project templates. 

1.gif

Getting Started with Silverlight 3 Prism Application

1) Open Visual Studio 2008 Create a new ASP.Net Web Application. Name it as PrismApp.

2.gif
 
2) Right Click on the Solution and add a new project by selecting from the menu displayed.

3.gif
 
3) Select the Visual C# root and choose Prism Silverlight Shell.

4.gif
 
Now after adding this project to the solution the Solution Explorer will look like the following.

5.gif
 
It's good right to add all the folders and files instantly without adding each part manually. Now expand Reference and see whether you have any problem with missing assemblies. If you have any problem you will be notified as below.

6.gif
 
Now you can fix this by deleting these assemblies and add new assemblies.

4) Now we need to link the website with the Prism Shell. Right click on the PrismApp WebApplication and select properties. 

7.gif
 
5) Select the Silverlight Applications Tab. Click on the Add Button. You will see a pop up like below. Select the Prism.Shell application and press Add.

8.gif
 
That's it you have successfully linked the Silverlight Project with the ASP.Net Web Application. At this point of time if you want to see your application; go ahead and press F5 to run the application. You will see the screen as follows:

9.gif
 
We will continue from here onwards in my next article. Watch this series.

Enjoy Coding.