Share via


Workspace roadmap for Silverlight 1.0 projects

This page applies to Silverlight 1 projects only

The Microsoft Expression Blend 2 workspace is customizable and uniquely scalable. You can change panel orientation, dock or float panels, resize the panels by dragging the edges, zoom the artboard, and toggle the snapping of objects on the artboard.

You can change the workspace color scheme (theme) or zoom the workspace by using Theme and Workspace zoom in the Options dialog box (on the Tools menu).

The workspace looks slightly different depending on whether you are working on a Windows Presentation Foundation (WPF) project or a Silverlight 1.0 project. Open the Silverlight 1.0 MagnifyingGlass sample from the Welcome Screen (on the Help menu) and then follow the roadmap in this topic. To run the sample while it is open in Expression Blend 2, press F5.

A Silverlight 1.0 project open in Expression Blend, using the Animation workspace in Split view

Cc296380.7577646f-cbfb-4c5a-bcc0-ba23221a2bbc(en-us,Expression.10).png

Cc296380.25182a96-9a69-478a-9cfe-5b360e6a9bea(en-us,Expression.10).png

Toolbox

The Toolbox contains the tools you’ll need when working in Design view, such as selection, artboard, brush, and object tools with flyout menus (pictured) from which you can select other Silverlight 1.0-supported objects. The last Toolbox button opens the Asset Library that contains available system controls, and media that you have added to your project.

Cc296380.eb6fad93-f17e-4f62-a926-8c8651862891(en-us,Expression.10).png

Project panel

All of the files that are in your project are listed under Files. You can use the context (right-click) menus to add new files, to add existing files (such as media files or other web files), or to manage your project in other ways. Data binding is done through JavaScript in code-behind files, so there is no Data window.

Cc296380.05fe4b1d-f584-4bd2-99b6-8bc2d735a89d(en-us,Expression.10).png

Interaction panel

All of the objects on the artboard are listed under Objects and Timeline in a tree structure that determines Z-order (front-to-back layering). If you have a storyboard open (pictured), animation timelines also appear here. All user interaction is programmed in JavaScript code-behind files, so there are no Triggers.

Cc296380.a5d608f2-bba2-48c5-8b15-2c115db86acc(en-us,Expression.10).png

Properties panel

When in Design view, you can view and modify the properties of any object selected under Objects and Timeline. The properties are organized in collapsible categories. You can use the Search window to filter the properties. Whenever you manipulate an object on the artboard with your mouse, the Properties panel reflects the changes

Cc296380.f0c1ff71-7814-42ba-806b-7ea92d616e69(en-us,Expression.10).png

Views

In Design view, you work visually on the artboard. In XAML view, you can edit the markup that lies behind what you see in Design view. Split view (pictured) shows both. You can change the orientation of the windows under Split View Orientation on the View menu, and you can resize the windows by dragging the edges.

Cc296380.alert_note(en-us,Expression.10).gifNote:
Not all the WPF controls and features are available to Silverlight 1.0 projects. For example, the Button control, styles, and triggers are not supported in Silverlight 1.0. When editing a Silverlight 1.0 project, the Expression Blend workspace changes to show you which features and controls are available.

See also

Concepts

Adjusting your workspace

Toolbox

Asset Library

Interaction panel

Project panel

Properties panel

Resources panel

Results panel

Toolbox shortcuts

Menu shortcuts

Pen and direct selection usage

Menu access keys

Dialog box access keys

Editing XAML

Edit a code-behind file