Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix Tutorial Issues #6614

Merged
merged 11 commits into from
Apr 1, 2024
2 changes: 1 addition & 1 deletion doc/tutorials/basic/develop_editor.md
Original file line number Diff line number Diff line change
Expand Up @@ -89,7 +89,7 @@ print(layout)
layout.servable()
```

Serving this code will print information about the `component` object, revealing its structure and attributes.
Serving this code will print information about the `layout` object, revealing its structure and attributes.

Serve the app by running the below command in a terminal.

Expand Down
16 changes: 12 additions & 4 deletions doc/tutorials/basic/develop_notebook.md
Original file line number Diff line number Diff line change
Expand Up @@ -34,6 +34,14 @@ pn.panel("Hello Again")

Run the cells and save the notebook as `app.ipynb`.

:::{note}

The Jupyter Panel Preview feature described below works exclusively within the JupyterLab interface. It does not support the Classic Jupyter Notebook interface.

To use this preview feature, please ensure you are working within a JupyterLab environment.

:::

You can now preview the app by clicking the *Jupyter Panel Preview* icon. This icon can be found above the notebook.

![Jupyter Panel Preview](../../_static/images/develop_notebook_simple_example_open_preview.png)
Expand All @@ -50,8 +58,8 @@ You can enhance your workflow by enabling *auto-reload* with the *Render on Save

The video shows how a larger app could be developed.

<video controls="" poster="../../_static/images/jupyter_panel_preview_in_action.png">
<source src="https://assets.holoviz.org/panel/tutorials/jupyter_panel_preview_in_action.mp4" type="video/mp4" style="max-height: 400px; max-width: 100%;">
<video controls="" poster="../../_static/images/jupyter_panel_preview_in_action.png" style="max-height: 400px; max-width: 100%;">
philippjfr marked this conversation as resolved.
Show resolved Hide resolved
<source src="https://assets.holoviz.org/panel/tutorials/jupyter_panel_preview_in_action.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>

Expand All @@ -65,8 +73,8 @@ panel serve app.ipynb --autoreload

This method provides a faster alternative to the *Jupyter Panel Preview*. Check out the video for inspiration.

<video controls="" poster="../../_static/images/develop_notebook_panel_serve_after.png">
<source src="https://assets.holoviz.org/panel/tutorials/develop_notebook_panel_serve.mp4" type="video/mp4" style="max-height: 400px; max-width: 100%;">
<video controls="" poster="../../_static/images/develop_notebook_panel_serve_after.png" style="max-height: 400px; max-width: 100%;">
<source src="https://assets.holoviz.org/panel/tutorials/develop_notebook_panel_serve.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>

Expand Down
Loading