Tools panel (HTML)

  • Article

You can use the Tools panel to create and modify HTML elements in your application. You can add new elements to the artboard by selecting a tool from the Assets panel and then dragging it onto the artboard with your mouse. You can also change the objects on the artboard by using adorners, or you can modify their properties in the CSS Properties panel.

The Tools panel as it appears when you work on a Windows Store app built using HTML

Tools panel

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

Selection tools   Use to select elements. The Direct Selection tool is used to select nested elements.
JJ129420.05fe4b1d-f584-4bd2-99b6-8bc2d735a89d(en-us,VS.110).png

View tools   Use to adjust the view of the artboard, such as panning and zooming.
JJ129420.f0c1ff71-7814-42ba-806b-7ea92d616e69(en-us,VS.110).png

Asset tools   Use to access the Assets panel and to show the most recently used asset from the library.

For more information, see Assets panel (HTML).

See Also

Concepts

Blend workspace (Windows Store apps)

Blend app workspace (HTML)

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)

Other Resources

The related documents view