Differences

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

--- dglux5_wiki:getting_started:preview_project [2019/07/17 19:17]
+++ dglux5_wiki:getting_started:preview_project [2021/09/20 14:43] (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>