Preview and Navigation Windows

Preview Window

The Preview window displays the selected live preview or demo. To enable the preview functionality, you need to run the Build command by clicking F6.

preview-panel.png

The Preview window displays views built with fully functional controls that you can change or interact with. To restore the default state of the preview or demo, use the Reload Preview button in the ribbon.

Reload-preview-ribbon.png

To preview an edited theme in touch mode, enable the TouchMode option in ribbon.

Navigation allows you to select a required control/demo module to preview. The Navigation window provides a built-in search that allows you to easily find a required control for preview. The image below illustrates the search result for the 'menu' query.

navigation-panel.png

You can select whether to navigate control or demo modules using following buttons in the ribbon.

views-ribbon