Artboard

The artboard is your work surface, where you can visually design a document in your application by drawing objects and modifying them.

78ec5d4d-3af1-46bd-ab63-bc4fc542806f

25182a96-9a69-478a-9cfe-5b360e6a9bea

Visual design surface   Set artboard options, such as changing the background color, in the Options dialog box.

For more information, see Change the artboard background color.

05fe4b1d-f584-4bd2-99b6-8bc2d735a89d

XAML editor   Edit your XAML code in the XAML editor.

For information about XAML, see Working with code and Change the XAML editor options.

f0c1ff71-7814-42ba-806b-7ea92d616e69

Artboard controls   Use these controls to zoom the artboard, turn on the rendering of effects, set snapping options, and turn on file annotations.

For more information, see Zoom or pan the artboard, Turn snapping on or off, Show or hide an effect, and Annotate a document.

eb6fad93-f17e-4f62-a926-8c8651862891

Document tabs   Use when you have more than one document open on the artboard to switch between them by clicking the corresponding tab.

For more information, see Change the active document.

a5d608f2-bba2-48c5-8b15-2c115db86acc

View buttons   Use these buttons to switch between Design, XAML, and Split views.

For more information, see Visual design compared to writing XAML and code.

Note

Some .xaml documents, such as resource dictionary files, cannot be viewed in Design view. You can, however, modify resources visually by clicking Edit resource next to an item in the Resources panel.

15de085f-48f5-41dd-a286-e3dcb4cfd18b

Object handles   Use the object handles to modify the object by using your mouse.

For more information, see Moving and transforming objects.

You can make more room for the artboard by moving or hiding workspace panels. For more information, see Making more room to work.

You can also open and modify code files on the artboard in a text editor that includes find-and-replace functionality and IntelliSense. For more information, see Modify a code-behind file.