Windows apps
Collapse the table of content
Expand the table of content

Make more room to work (Windows Store apps)

The Blend for Visual Studio workspace consists of menus, panels, panel groups, and a design area called the design surface. Depending on the work that you are doing, you might want to change the locations of the panels, resize them, or move them out of the Blend window to a different location on the desktop.

You can resize a workspace panel (such as the Projects panel) to give yourself more area for the design surface or more room to view panel contents. If you want to temporarily hide panels, you can collapse individual ones using the AutoHide feature, or hide all of them at once using the F4 keyboard shortcut. If you want to remove a panel from the workspace, you can use the Window menu to clear the check mark next to the panel name.

For more information, see the following topics:

Alternatively, you can drag panels by their tabs and move them to a different location inside the workspace, to outside the workspace on the desktop, or even to another monitor connected to the same computer. You can still resize them in their new location.

For more information, see Float, dock, or move a panel (Windows Store apps).

You can use the mouse to zoom in on or out from the design surface. You can also press Ctrl+9 to make the selected object fill the entire view so that you can work on it in detail. To quickly zoom back to actual size, press Ctrl+1.

You can also quickly move the design surface around by holding down the Spacebar while dragging anywhere inside the design surface.

All the zoom and pan options are described in Zoom or pan the artboard (Windows Store apps).

You can view the visual design of your document in a What You See Is What You Get (WYSIWYG) format in Design view, or you can view the markup that Blend generates for your design in Code view. You can modify your application in both views, although modifying code by hand can cause errors if you are not familiar with the proper syntax. For information about changing the design surface view, see Make more room to work (Windows Store apps).

In Blend, you can also view and modify a code-behind file for your document by double-clicking the file name (ending in .cs, .vb, .cpp, or .js) in the Projects panel.

Blend comes with two predefined workspace layouts (presets):

  • Animation   This workspace preset makes animation easier by moving the Objects and Timeline panel under the design surface so that you can stretch the timeline across the width of the Blend window.

    For more information, see Make more room to work (Windows Store apps).

    Important note Important

    The Animation workspace preset is only available when you are working on XAML-based projects.

  • Design view   This workspace preset makes it easier to see all the objects in your object tree by moving the Objects and Timeline panel to the left side of the design surface.

Note Note

If you modify the layout of the workspace after selecting one of the presets, that preset will not change—you'll have to save it as a new workspace configuration.

After you have moved and resized your workspace panels and crafted the perfect workspace for you to work optimally, you can save the workspace under a descriptive name and return to it later. With Blend, you can save multiple workspace configurations and manage them in a separate window. For more information, see Save different views of your workspace (Windows Store apps).

© 2017 Microsoft