Remark: Full width presentation

[ghost]

A Full width presentation would be a great feature.

[gnab]

What do you mean, exactly?

The presentation will scale within the available space, which usually is wider than it is high, causing the presentation to be full height instead of full width. If you change the size of your browser window, making it higher than it is wide, you will see the presentation go full width.

To make the presentation be both full width and full height, you need to configure the ratio to match that of your screen resolution and then go fullscreen.

[ghost]

I mean like in a responsive kind of way. As you said, the presentations scales within available space, bu always within the ratio. If you use a ratio 4:3 in a 16:9 screen the presentation will show left and right margins. I thought that an option like ratio: 'responsive' could make things a little more flexible for presentations.

[gnab]

The problem with doing something like that, is that your slides may look different if you view them on different resolutions. But if this doesn't matter, there could of course be something like a responsive option. You could always set 4:3 explicitly to always use that ratio.

I'll have to experiment a bit whenever I get the change. For now you'll have to live with setting the ratio according to the screen resolution you're targeting.

Thanks for an interesting feature request!

[pinggit]

just curious , is there a code snippet to demo the current ratio option that I never used in my slides?

from iPhone

On Feb 26, 2014, at 12:59, Ole Petter Bang [email protected] wrote:

The problem with doing something like that, is that your slides may look different if you view them on different resolutions. But if this doesn't matter, there could of course be something like a responsive option. You could always set 4:3 explicitly to always use that ratio.

I'll have to experiment a bit whenever I get the change. For now you'll have to live with setting the ratio according to the screen resolution you're targeting.

Thanks for an interesting feature suggestion!

—
Reply to this email directly or view it on GitHub.

[gnab]

@pinggit You can pass it in when creating the slideshow:

var slideshow = remark.create({ ratio: "16:9" });

The default is 4:3.

[ghost]

I see what you mean. It's just a "nice to have" functionality. It won't keep me from using the plugin.
Cheers

[ghost]

For this issue sake and IE further support I created a small snippet so that the presentation is full width and height and that is also IE compliant of course. Here I leave it.

//initialize slideshow
var slideshow = remark.create();

$(function()  {
    setRemarkSizes();
    $(window).resize(function() {
        setRemarkSizes();
    });
});

//take care of IE problem and resizing
function setRemarkSizes() {
    $('.remark-slide-scaler').height($(window).height())
                                           .width($(window).width())
                                           .css('top', '0px')
                                           .css('left', '0px')
                                           .css('-webkit-transform', 'none');
}