Perfect 'Demonstration Presentation' for both vertical and horizontal displays

  • 3
  • Idea
  • Updated 3 years ago
  • Implemented
Maybe I’m not going to say something new, but I wanted to share this idea with you in case somebody had missed it.

Two display orientations bothered me initially a lot. Landscape oriented presentations did not appear right on portrait oriented displays and vice versa.  So I created 2 different ‘Demonstration Presentations’ for each display orientation. Still, it was not going to work, because we are allowed only one presentation and only one can be set to play across all the displays for the given company. What if we needed to change orientation at some point, right? Or what if company wanted both landscape and portrait oriented displays?

So the solution was plain and simple. I created one 1920px X 1920px presentation. Both types of orientation share common 1080px X 1080px left-top square of that presentation. So, I placed there the content that would be identical for both orientation modes.  What I was left to redesign were two areas of 1080px X 840px at the bottom-left (for vertical) and top-right (for horizontal.

Now I have one perfect ‘Demonstration Presentation’ that is displayed correctly on both vertical and horizontal displays.

Example (scroll or zoom out for big picture): 

Photo of Darius -

Darius -, Champion

  • 26,850 Points 20k badge 2x thumb

Posted 3 years ago

  • 3
Photo of Justin

Justin, Employee

  • 2,526 Points 2k badge 2x thumb
Great idea Darius!
Photo of James Veyzer

James Veyzer

  • 70 Points
A touch of genius :-)
Photo of Darius -

Darius -, Champion

  • 26,850 Points 20k badge 2x thumb
I forgot to mention one thing. Because the presentation is larger in resolution than a display you would be pushing it to; normally, it wants to show the the scroll bars as well. You gonna have to disable it with HTML code. I do it this way: switch in RV presentation compiler to HTML view and between <head></head> insert some <style> code:
"<style type="text/css">
body {width:100%; height:100%; overflow:hidden, margin:0}
html {width:100%; height:100%; overflow:hidden}

There may be other ways to do that, but mine is working fine too. Now do not be disappointed when you still can see scroll bars in 'preview' mode. Presentation pushed to a player has no scroll handles.

p.s. I ma not a code writer, if that for some reason did not work for you (I may be making my presentation differently), do not blame me. Simpy do your research or ask people for help who know they way around HTML code.