Interactive mode (HTML)

Interactive mode allows you to interact with your app as you continue to work on it.

Using interactive mode to style your app

Although Blend for Visual Studio uses familiar web development technologies, app development is different from web development in that an app tends to have a much higher degree of interactivity than a web page This interactivity, which comes from JavaScript, generates many different states as users interact with the app. A significant challenge for app developers is designing the app in a particular state that can only be reached through user interaction, such as clicking a button. Previously, the only way to style an interactive object was to compile the app and run it, then adjust the object parameters in code, recompile and run the app again, repeating the cycle until the object style was correct.

Blend provides a unique solution to this iterative design problem. Instead of requiring a developer to exit the design surface, interactive mode in Blend lets the developer run the live app on the design surface until a particular state is reached. The designer can then pause the app, exit interactive mode, and then continue to style the app in the new state.

interactive mode

To turn interactive mode on or off

  • Click Blend interactive mode icon or press Ctrl+Alt+I.

See Also


Related documents view (HTML)


Areas of the workspace (Windows Store apps)

Blend app workspace (HTML)

Assets panel (HTML)

CSS Properties panel (HTML)

Design surface (HTML)

Device panel (HTML)

HTML Attributes panel

Live DOM panel (HTML)

Projects panel (HTML)

Style Rules panel (HTML)

Tools panel (HTML)