Rise: scrolling vertically

[ephes]

Hi,

I have some big code cells that won't fit vertically on one slide. Unfortunately I've found no way to scroll in presentation mode, but maybe I'm just missing some configuration option :).

best regards,
jochen

[Velcin]

One solution is to toggle the option "scroll" to the value "true" in the "main.js" file.

I guess you can also edit the config file in jupyter.

julien

[ephes]

Thanks, I tried that, but it didn't work.

[hfinger]

For me that works, thanks. What I did was the following. I opened a notebook and executed:

from notebook.services.config import ConfigManager
cm = ConfigManager()
cm.update('livereveal', {
        'width': 1024,
        'height': 768,
        'scroll': True,
})

Then I had to restart jupyter notebook so that these changes took effect. After that I have a scrollbar during the presentation.

[soamaven]

Changing the main file at .local/share/jupyter/nbextensions/livereveal/main.js to have scroll be true fixes this for me.

I would support that this should be set to true by default, since this is the case for static slide shows with reveal.js and _more importantly_, since I don't know of a way to know before-hand what will fit onto the screen.

[damianavila]

After several and long discussions with a lot of people, we have arrived to the conclusion that scrolling on reveal.js based slideshows brings more problems than benefits, so I will not add the scrolling as a default option BUT we should clearly document how to get scrolling slides with the config option available. I will mark this as a docs issue and prioritize properly.

[rahuldave]

Where do you set the "true"? My main.js (under .ipython) reads:

var config = new configmod.ConfigWithDefaults(config_section, {
    controls: true,
    progress: true,
    history: true,
    scroll: true,
    width: 1140,
    height: 855, // 4:3 ratio
    minScale: 1.0, //we need this for codemirror to work right
    theme: 'simple',
    transition: 'linear',
    slideNumber: true,
    start_slideshow_at: 'beginning',
});

Meanwhile ~/.jupyter/nbconfig/livereveal.json reads:

{
  "start_slideshow_at": "selected",
  "theme": "serif",
  "transition": "zoom",
  "width": 1024,
  "height": 768,
  "scroll": true
}

Either way it ought to work, but no scrollbar on restart....

[damianavila]

Can you try hard setting your browser or clear the browser cache... because if the scroll option is true in livereveal.json, you should see the scrollbar after reloading the page.

[fproldan]

@rahuldave You did it work?

My livereveal.json is:

{
  "start_slideshow_at": "selected", 
  "transition": "zoom", 
  "height": 768, 
  "width": 1024, 
  "theme": "simple", 
  "scroll": true
}     

I cleared the browser cache and restart jupyter but the scroll didn't work

Also i have changed the main.js but if i go to http://localhost:8888/nbextensions/rise/main.js the "scroll" option continue with scroll: false.

Thanks

[damianavila]

@fproldan there is a beta for the next release: http://www.damian.oquanta.info/posts/rise-400b1-is-available-please-test-it.html
I tested on that beta and works for me, please report back if it is not working with the beta.

[fproldan]

@damianavila I searched for all of the main.js under rise after i found the right one, and now it works like a charm!
Sorry for bother you.
Regards!

[damianavila]

@fproldan no problem, but you should be modifying main.js, the config mechanism allow you to have scrolling behavior... that did not work for you in the beta?

[dmardanbeigi]

I have edited the main.js file which was inside /usr/local/lib/python2.7/site-packages/rise/static and have also added the code below into my notebook:
from traitlets.config.manager import BaseJSONConfigManager path = "/Users/XXX/.jupyter/nbconfig" cm = BaseJSONConfigManager(config_dir=path) cm.update('livereveal', { 'scroll': True,'width': 1024, 'height': 768,})

However the vertical scrolling is not working on safari and chrome!

[damianavila]

However the vertical scrolling is not working on safari and chrome!

So it works in firefox and not in the others? Can you provide the chrome version number?

[dmardanbeigi]

chrome Version 55.0.2883.95 (64-bit) and safari Version 10.0.2 (12602.3.12.0.1) on mac. None of them work. I haven't tried firefox

[damianavila]

OK, I will try to check those version, thanks for the update!

[twiecki]

I have also tried all three techniques and am up-to-date on RISE, but none bring back the scroll bar. This is on Chrome + OSX.

[twiecki]

@damianavila Is there an older version I can downgrade to that preceded changing the default?

[damianavila]

@twiecki, will check this issues in the next few days... older versions may work but I did not tested.

[wzpan]

Same problem on Chrome/Safari/Firefox on my Mac.

[damianavila]

Timing issue... PR fixing this lives here: https://github.com/damianavila/RISE/pull/258

[damianavila]

Timing issue... PR fixing this lives here: #258

Fixed by #259.

[danmalter]

Scrolling works for me with the following code if you take out "start_slideshow_at": "selected", in ~/.jupyter/nbconfig/livereveal.json. For some reason I noticed that with "start_slideshow_at": "selected", in the .js file, the scrolling only worked if you started from the first slide. If you started from a later slide, the scrolling would not work.

{
  "theme": "serif",
  "transition": "zoom",
  "width": 1024,
  "height": 768,
  "scroll": true
}

[damianavila]

the scrolling only worked if you started from the first slide. If you started from a later slide, the scrolling would not work.

Interesting, can you open a new issue to explore this problem @danmalter? Thanks!