XAML Editor

Double click on '*.xaml' file, or Right-click on '*.xaml' file and select 'Open With->Visual Editor For SilverLight' from pop-up menu, will open the XAML Editor

The XAML Editor for ESL has many features to help you visually create user interfaces for your ESL application. You arrange controls and elements on a visual design surface, which represents a window in your application.

Split View of XAML Editor

Split view consists of two panes separated by a bar. The upper is live display area, it's the graphic view where any changes of UI description in the xaml editor will display instantaneously. The bottom pane is a xaml editor which used to edit xaml code.

Also you can directly edit XAML elements,add child, or add attributes etc in Design window.

For a complicated application, usually need to declare a new namespace and add a reference. User can type it in UserControl directly or add it in Design window.

Right click UserControl, select 'Edit Namespaces...'. In the pop-up dialog click Add button, select 'Specify New Namespace'. Then enter the required prefix and namespace URI like following.

Click OK to finish it. Then you will see the prefix and namespace URI been added.

The ESL provide a convenient way to edit the UI. You can drag Control, Containers or Shape which you want to the xaml editor directly.