Can I display HTML5 in Portrait Mode?

Here are a couple of things to do when you are designing HTML5 for portrait for publish from BrightAuthor (BA):

In your web-authoring software (i.e. Dreamweaver), make sure you set your page up for 1080 x 1920 (the reverse of landscape 1920x1080)

If you publish this as is, the page will not display correctly when outputted using BA in portrait mode. To get it to display correctly, you need to rotate the WHOLE page in Dreamweaver. This will not affect the authoring in Dreamweaver – it will look just the same but when you preview it will rotate. To get this rotate to happen, you need to encapsulate the whole body in a <div> </div> region.

Attached is a sample page that does a rotate on another page. Note, when you select the html page on your computer, BrightAuthor will assume everything in the same folder with the html file, and all of the subfolders should be transferred over to read.

Hi, in my case, just thought I'd share, I am using Google Web Designer (beta) on Mac to make HTML5 content for BrightSign, HD223. In wanting to display the content in portrait mode I found that these steps outlined here are not needed anymore. You just need to design your content in GWD with a 1080 x 1920 size (portrait), publish it, and in BrightAuthor simply choose New Presentation -> Portrait (bottom on left) and it will automatically rotate it for you. I found that the instructions here were doing a double-rotate into the HD223, so I simply eliminated this code and it worked :)