Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
15 changes: 14 additions & 1 deletion docs/06-Features/01-live-preview.md
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,20 @@ The Live Preview feature in Phoenix Code provides instant feedback on changes ma
1. Hover over the Live Preview panel.
2. Choose your preferred browser by clicking its icon. ![Browser selected](images/livePreview/browser-choice.png "Live Preview in selected browser").
3. Live Preview opens in the chosen browser.


## Reload Live Preview
![Reload Live Preview](./images/livePreview/reload.png)
The **Reload** button in the live preview toolbar allows you to manually refresh the Live Preview pane to ensure it reflects the latest changes in your code. While Live Preview updates automatically, the Reload button can be helpful if you encounter synchronization issues.

## Disable Live Preview
You can disable the live preview panel at startup by following these steps:
1. Click the settings icon in the toolbar (hover over the toolbar to make it appear).
![Settings Icon](./images/livePreview/settings-gear.png)

2. This will open the live preview settings menu:
![Settings menu](./images/livePreview/live-preview-settings-menu.png)
3. Disable the `Show Live Preview Panel at Startup` option.


## Live Preview Demonstrated
<VideoPlayer
Expand Down
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added docs/06-Features/images/livePreview/reload.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading