Design surface (XAML)

The design surface (also called the artboard) is the work surface, where you can visually design a document in your application by drawing objects and then modifying them.

The design surface is framed by a virtual tablet device that accurately represents the display of the device parameters that you specify in the Device panel.

B1_1

Design view   Displays the visual design of your document. In this view, you can draw or modify objects on the design surface.

B1_2

Breadcrumb   Quickly move between template-editing mode, style-editing mode, and object-editing scope for a selected object.

B1_3

Zoom   Use to zoom the design surface or objects on the design surface.

B1_4

Design surface controls   Use these controls (Show snap grid, Snap to gridlines and Turn on or off snapping to snaplines) to set snapping options. Snapping is useful for lining objects up to each other or to evenly-spaced lines on the design surface.

B1_5

Code editor   Edit your XAML, C#, C++ or Visual Basic code manually in the Code editor.

See Also

Concepts

Blend app workspace (XAML)

Assets panel (XAML)

Device panel (XAML)

Projects panel (XAML)

Properties panel (XAML)

Objects and Timeline panel (XAML)

Results panel (XAML)

States panel (XAML)

Tools panel (XAML)