Artboard (HTML)

  • Article

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

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

Artboard

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

Design view   Set artboard options, such as snap grid, in the Options dialog box.

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

Code editor   Edit your HTML, CSS, and other web-based code in the Code editor.

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

Artboard controls   Use these controls to zoom the artboard and turn adorner display on and off.

JJ129454.eb6fad93-f17e-4f62-a926-8c8651862891(en-us,VS.110).png

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

JJ129454.a5d608f2-bba2-48c5-8b15-2c115db86acc(en-us,VS.110).png

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

See Also

Concepts

Blend workspace (Windows Store apps)

Blend app workspace (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