Hi, I’m working on a JupyterLab extension that involves creating a two-vertical-panel resizable-split-view version of the Notebook, like what I’ve sketched out in the mockup below: notebook on the right, other functionality on the left, draggable resize bar in the middle. My requirement is that I n…

Are you set on using split.js, or have you considered using the Phosphor split view (which is used, for example, for splitters in the doc panel, or for the splitter in the Advanced Settings view)? For example, this is how the advanced settings editor does it: https://github.com/jupyterlab/jupyterla…

Also, if you right click on a notebook’s tab in JupyterLab there is a menu item to create a new side-by-side view of that same notebook that will remain synchronized with the other view. [13%20PM]

Hi, I’m now trying to override the default JupyterLab Notebook so that when it opens it looks like the image below, using the SplitPanel widget. I figured out I can use the INotebookTracker in my extension to access the Notebook and then use the nbTracker.currentWidget.layout.removeWidget() method…

The biggest problem I see is that you are inserting a widget in the widget hierarchy, so code that depends on the notebook panel .content being a notebook widget won’t work anymore. Another Lumino thing is to not use the layout add/remove methods, in general, especially once the widget is on the pa…

I’m now trying to figure out how to “create a new notebook viewer” as you suggested, but I’m again stuck. Any guidance for how to approach this would be much appreciated. I tried the Adding a button to the toolbar example (from this page https://jupyterlab.readthedocs.io/en/stable/developer/noteboo…

I’ve also tried getting the Notebook factory and then overriding the createNew function, but this approach isn’t working for me either. I was hoping that I could override the createNew function and then pass my own widget like SplitViewNotebookPanel. [image] Another attempt was disposing of the N…

I even tried manually deleting the notebook registration, but it won’t let me. [image] And tried setting defaultTypes and defaultFor on my new factory to ‘*’, but still the default notebook viewer is the one that opens [image] I feel like I’m hitting a lot of dead ends.

Hi @nscozzaro , Did you manage to replace default notebook layout? Is your extension code publicly available? I would like to provide alternative layout for notebook and extension development is a real pain.

Seeking suggestions for the best way to implement a split-view JupyterLab notebook extension

JupyterLab

nscozzaro November 25, 2019, 4:00pm 3

I didn’t know about the Phosphor split view, so I’ll try using that as the parent widget and see how far I get. Thanks!

Topic		Replies	Views
How can I split cell in Jupyter Lab? (Jupyter 4.0.1) extensions jupyterlab , how-to , help-wanted	9	8644	November 28, 2023
JupyterLab custom extension where if i click on button or link to existing notebooks in voila preview should open in split tab to the right JupyterLab community , jupyterlab , how-to , help-wanted	3	198	September 20, 2024
Jupyterlab - Extension: Referencing the notebook that spawned a Widget extensions jupyterlab , how-to , help-wanted	1	479	June 10, 2022
Iterate over notebooks and combine them into a single panel? extensions how-to , help-wanted	0	422	January 11, 2021
Custom Panel Extension in the Left JupyterLab Area JupyterLab	12	5085	July 23, 2019

Seeking suggestions for the best way to implement a split-view JupyterLab notebook extension

Related topics