Differences

This shows you the differences between two versions of the page.

Link to this comparison view

dglux5_wiki:getting_started:preview_project [2019/07/17 19:17] (current)
Line 1: Line 1:
 +{{indexmenu_n>​4}}
 +====== Preview a Project ======
 +You can preview your project within your workspace, or view it in its own browser tab.
  
 +----
 +
 +===== Preview within the Workspace =====
 +[[dglux5_wiki:​workspace_and_workflow:​edit_preview:​home|You can change the application mode from Edit mode to Preview mode]]. Edit mode lets you select components in the [[dglux5_wiki:​workspace_and_workflow:​panels_and_menus:​document_window|Document window]] for editing. Preview mode enables user interactions with the page, such as clicking.
 +  * <​WRAP>​At the top of the Document window, click **Preview**.
 +
 +{{:​dglux5_wiki:​getting_started:​getting_started_7.png?​direct|}}
 +</​WRAP>​
 +
 +----
 +
 +===== View the Project =====
 +Alternatively,​ you can view the project in a new browser tab or window.
 +
 +  * <​WRAP>​At the top of the [[dglux5_wiki:​workspace_and_workflow:​panels_and_menus:​document_window|Document window]], right-click **Preview**,​and select **Open Viewer Link**.
 +
 +{{:​dglux5_wiki:​getting_started:​getting_started_8.png?​direct|}}
 +
 +The project opens in a new browser tab or window and behaves as at runtime.
 +
 +{{:​dglux5_wiki:​getting_started:​getting_started_9.png?​direct|}}</​WRAP>​
 +
 +----
 +
 +<WRAP left>​[[dglux5_wiki:​getting_started:​save_files|Previous:​ Save a File]]</​WRAP>​
 +<WRAP right>​[[dglux5_wiki:​getting_started:​deploy_project|Next:​ Deploy a Project]]</​WRAP>​