Add a welcome tour for Notebook v7#7835
Conversation
|
|
for more information, see https://pre-commit.ci
|
@dheerusri324 do you have any steps to show how this works? |
|
Hi @goelakash! Thanks for taking a look. Yes, absolutely! jupyter_v7_tour.mp4 |
|
@dheerusri324 Seems like there are 3 tours in that drop down now? I'm not sure if more than 1 are even relevant/needed? |
|
Hi @goelakash, thank you for the feedback. I understand the concern regarding the Help menu potentially becoming crowded with multiple tour options. @jtpio, what are your thoughts on this? I am happy to consolidate the existing tours, hide the older ones to prioritize this new Notebook v7 tour, or leave them as they are. Please let me know which approach best aligns with the v7 design goals, and I will update the PR accordingly. |
| { | ||
| "tours": [ | ||
| { | ||
| "id": "notebook-v7-welcome", |
There was a problem hiding this comment.
Look into overriding the existing Jupyterlab tour in the help menu, than add a new one.
Closes #6411
References
Addresses a request to add a welcome tour for the Notebook v7 interface.
Code changes
Added a JSON-based tour configuration for the jupyterlab-tour extension.
Identified and implemented specific CSS selectors for UI elements:
Jupyter Logo: [data-icon="notebook-ui-components:jupyter"]
Main Menu Bar: .lm-MenuBar-content
Save Button: [data-jp-item-name="save"]
Code Cell: .jp-CodeCell
User-facing changes
Adds a new "Welcome to Notebook v7" entry to the Help menu.
When clicked, this launches an interactive, multi-step guide that walks new users through the essential parts of the notebook interface.
Backwards-incompatible changes
None. This is a purely additive feature using existing stable APIs.