Overview of Silverlight 1.0

Expression Studio 2.0

This page applies to Silverlight 1 projects only

Microsoft Silverlight 1.0 is a cross-browser, cross-platform plug-in for delivering rich applications over the web that incorporate video, animation, interactivity, and stunning user interfaces. Silverlight 1.0 applications look and behave the same on Microsoft Windows-based computers as they do on Apple Macintosh computers, in most browsers, and without any additional installation requirements.

Silverlight 1.0 provides a consistent presentation model by using XAML. In Microsoft Expression Blend 2, you can quickly design stunning user interfaces for your Silverlight 1.0 applications and test the results.

Expression Blend 2 supports Silverlight 1.0 projects.


3D objects, styles, templates, resources, and data handling are not yet supported in Silverlight 1.0 projects. Additionally, triggers are not yet supported. Instead, all user interactivity is implemented in JavaScript event handler methods in the code-behind files. For more information, see the Events section that follows.


The Expression Blend 2 workspace differs slightly when you modify Silverlight 1.0 projects. For example, the controls that are not supported do not appear in the Toolbox or the Asset Library. Data binding, resources, and triggers are not supported, so those panels do not appear.


You add elements to a XAML document in a Silverlight 1.0 project just as you do when you add elements to a XAML document in a Windows Presentation Foundation (WPF) project. The only difference is that you are limited to the following list of controls that are supported by Silverlight 1.0:

  • Canvas Cc294980.ecb419d9-1def-4c4d-9656-cab9bdb89672(en-us,Expression.10).png

  • Ellipse Cc294980.d7a04618-e35a-44f9-b78c-1f22e38016c1(en-us,Expression.10).png

  • Image Cc294980.0594f05b-2193-4385-86a0-2d352cacfe55(en-us,Expression.10).png

  • MediaElement Cc294980.16691128-7f3d-45e0-b532-45e8a7162416(en-us,Expression.10).png

  • Rectangle Cc294980.81ffc148-cf5c-4faf-bd3f-f38d3073a12c(en-us,Expression.10).png

  • TextBlock Cc294980.42165963-00f7-4a33-abcd-b0849edebada(en-us,Expression.10).png

  • Path elements that can be drawn on the artboard by using the Line Cc294980.eb618397-5283-48be-8396-3449be7b6fbf(en-us,Expression.10).png, Pen Cc294980.894f8612-e0ed-4e00-84cf-a9bc8f38fc54(en-us,Expression.10).png, and Pencil Cc294980.509dc167-734f-46c9-b012-987ee63450cd(en-us,Expression.10).png tools

For more information, see Add elements to a XAML document in a Silverlight project.

Some elements require JavaScript code to implement their full functionality in the code-behind files of your Silverlight application, such as adding events to respond to button clicks. For an example, see Create a button that controls a storyboard in a Silverlight application.


Media files are supported in Silverlight projects. However, controlling media playback requires JavaScript event handler methods. For an example, see Add a media file to a Silverlight 1.0 project. Silverlight supports Windows Media Audio and Video (WMA, WMV7–9) and VC-1, in addition to MP3 audio.


Animation is fully supported in Silverlight projects. For an example, see Create a button that controls a storyboard in a Silverlight application.


Events are supported in Silverlight projects. For a list of supported events, see Events Reference (Silverlight 1.0) on MSDN. For information about how to hook up events to specific objects in your application, see Create a button that controls a storyboard in a Silverlight application and Create a hyperlink in a Silverlight application.

Cc294980.7e183f1f-37d8-4dcb-980c-19a5d61ca087(en-us,Expression.10).gif Back to top

You can work with Silverlight projects in the following other products:

Cc294980.7e183f1f-37d8-4dcb-980c-19a5d61ca087(en-us,Expression.10).gif Back to top

A Silverlight 1.0 project is a collection of website files that use some of the features of XAML and JavaScript to create rich interactive applications and media experiences for the web. Silverlight 1.0 projects that are created in Expression Blend 2 include the following files:

  • A starting XAML file (Page.xaml)

  • A default HTML file that loads the starting XAML file when opened in a browser

  • A JavaScript code-behind file for your starting XAML file

  • A supporting JavaScript file, named Silverlight.js, that instantiates Silverlight 1.0 objects.

You can visually design the XAML files, in Expression Blend 2, and you can modify the JavaScript files in the JavaScript editor in Expression Blend 2. (It is recommended that you do not modify the Silverlight.js helper file.) For more information about Silverlight, see the Silverlight website.

Cc294980.7e183f1f-37d8-4dcb-980c-19a5d61ca087(en-us,Expression.10).gif Back to top

Expression Blend 2 includes sample Silverlight projects that you can open by clicking Welcome Screen on the Help menu, and then clicking one of the following samples from the Samples tab:

  • BlendPlayer

  • ButtonGallery

  • MagnifyingGlass

The MagnifyingGlass sample Silverlight 1 application


You can find other samples online at the Microsoft Silverlight Gallery.

Cc294980.7e183f1f-37d8-4dcb-980c-19a5d61ca087(en-us,Expression.10).gif Back to top

You can learn more about how to create Silverlight applications at the following websites:

Cc294980.7e183f1f-37d8-4dcb-980c-19a5d61ca087(en-us,Expression.10).gif Back to top