Blend app workspace (HTML)

The Blend for Visual Studio 2012 workspace for Windows Store apps includes all of the visual interface elements of the default workspace. However, when you are working on a Windows Store app project built using HTML, the tools that are available are specific to HTML projects.

Workspace Layout

JJ129436.25182a96-9a69-478a-9cfe-5b360e6a9bea(en-us,VS.110).png

Document tabs   Shows all the project documents that are currently open, including HTML, CSS, and JavaScript files.

JJ129436.05fe4b1d-f584-4bd2-99b6-8bc2d735a89d(en-us,VS.110).png

View controls   Provides three options to control your app:

  • Interactive mode   Use interactive mode to trigger different states in your app, which you can then style.

  • Error indicator   Indicates errors in your app and displays the error list in the Results panel.

  • Refresh   Use Refresh to restore your app to its initial state before any state changes you made using interactive mode.

JJ129436.f0c1ff71-7814-42ba-806b-7ea92d616e69(en-us,VS.110).png

Views   Displays one of three real-time authoring environments:

  • Design view   Use Design view to author documents by using a visual representation on the artboard.

  • Code view   Use Code view to author HTML, CSS, and JavaScript.

  • Split view   Displays both Code and Design view. You can also change the orientation of the windows using the Split View Orientation item on the View menu.

See Also

Concepts

Blend workspace (Windows Store apps)

Artboard (HTML)

Assets panel (HTML)

CSS Properties panel (HTML)

Device panel (HTML)

HTML Attributes panel

Using interactive mode

Live DOM panel (HTML)

Projects panel (HTML)

Style Rules panel (HTML)

Tools panel (HTML)

Other Resources

Related documents view