CODEWITHSUNDEEP
jupyter-notebookjupyter
llinfeng
llinfeng

Reputation: 1395

Jupyter notebook display issue (after hiding the header and maintoolbar)

I am using Jupyter notebook for teaching purpose, and my projector has only a tiny amount of pixels to display. Thus, every inch on the screen matters.

I have added the following settings to ~\.jupyter\jupyter_notebook_config.py in order to hide the header and maintoolbar, which should take half the space on the screen. 

$([IPython.events]).on("app_initialized.NotebookApp", function () {
    $('div#header').hide();
    $('div#maintoolbar').hide();
});

However, I should have a vacant banner towards the end of the page when I open a Jupyter notebook. On my larger screen in my office, the banner looks as follows: enter image description here

This gap towards the bottom of the page is fixed in terms of height in pixel; and should grow if I enlarge the fonts of the page. Both are bad since they take up much of the display room on a tiny projector.

How can I remove this blank banner at the end of the page?

Screenshot explaining the situation in more detail.

As Chrome is suggested by @TMWP, I am testing out Jupyter in Chrome. Similar observation, and independent of where I am in the document. I zoom in and out, and scroll up and down, to demonstrate the problem on my home monitors.

enter image description here

Upvotes: 3

Views: 1396

Answers (2)

aliasid
aliasid

Reputation: 106

I think the size of this area is the difference between the size of body and the size of the "site" div. I tried this and it disappeared:

#site {
    height: 100% !important;
}

Upvotes: 1

Keith Wiley
Keith Wiley

Reputation: 753

I wish that at some point in the last two and half years someone had answered your question, because here I am facing the exact same dilemma, wanting to remove the blank space at the bottom, and I see no answer here waiting for me. Very frustrating.

Upvotes: 0

Related Questions