Presentation mode to include 'slide down' feature

Currently the presentation mode does not allow the presenter to scroll down the content if the content of the block (divided by the line) is too long to be viewed in the height of the screen / slide. There are arrows to left and right (to move across to the next slide) but there can also be arrows to scroll the content down to see the extra text that does not fit to the existing screen.

16 Likes

I think it should be a scroll or force-fit feature.

2 Likes

I want to remind / insist on this one: I believe the presentation mode is one the most underrated / underutilized features of Obsidian and it deserves better execution.

Please hear me out :slight_smile:

17 Likes

Agreed, I am trying to make my presentation in Obsidian and it’s not usable: slides don’t fit on a screen and even with custom css it’s a big leap to turn presentation in Obsidian.

3 Likes

I would really like more functionality added to the presentation mode. I make tons of graphs and diagrams and it would make my life so much easier if I could present directly from obsidian.

4 Likes

I support this idea!
While I’m building my training material in Obsidian, I currently need third-parts tools to prepare and optimize the md files for presentation.

Still not ready with this workaround.
It’s based on this idea: https://www.nico-maas.de/?p=2306 and uses VSCode or Codium with this plugin: vscode-reveal.
This solution let you a reveal.js presentation directly from an opened markdown document. This helps to prepare the sides.

I really hope we see some functions like this in the future for Obsidian!

2 Likes

I was searching solution for the same and found these CSS tweaks. These CSS snippets will allow you to scroll down the contents.
GitHub - JackCSheehan/obsidian-tweaks: A collection of small CSS snippets for Obsidian.

/*
CSS snippet that adds scrollbars on Obsidian slideshow slides in cases where content
would normally overflow and be hidden
*/

/* Apply styles to containing divs for slides */
.slides {
/* Set overflows to allow for auto vertical scroll bar and no horizontal scroll bar */
overflow-x: hidden !important;
overflow-y: auto !important;

/* Enable pointer events so users can click and drag on scrollbars */
pointer-events: auto !important;
}

/* Apply styles that apply directly to slides */
.slides > section {
/* Create flex container to arrange auto-generated elements by Obsidian on each slide */
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}

/*
Snippet to make slideshow slides take up full height of slides' container div
*/
.slides {
height: 100% !important;
}

/*
Snippet to make slideshow slides take up full height of slides' container div
*/
.slides {
height: 100% !important;
}

/*
Stylesheet to change the color of the slide controls to purple to better match the rest of the interface
*/

/* Change progress bar color to be purple */
.progress span {
background-color: var(--text-accent) !important;
}

/* Change default slide control button colors to purple */
.reveal .controls {
color: var(--text-accent)
}

/* Set control hover color to be a slightly lighter purple */
.reveal .controls:hover {
color: var(--text-accent-hover)
}

.slides-close-btn {
color: #48474494;
}
6 Likes

I agree.

1 Like

I know it has been a long time since the original post, but is this somehow resolved? The css snippet is not working for me and it is seriously a big let down that I am not able to use such a fundamental feature :frowning:

2 Likes

strong +1

1 Like

After modifying the slides height to 85% in both instances it works like a charm for me with the Atom theme.

Could the scroll down bar be moved to the edge of the window?

Thank you very much!

PD: I strongly support adding this feature to the presentation mode, a functionality which I love so much in Obsidian.

3 Likes

I use table of content in md files but the internal links in presentation slide doesn’t work.

Is there a way to make the toc links work. e.g. if i click in the heading1 link it will move to the heading1 slide.

Thanks Buddy :pray: