How do I export a vertical and horizontal layout that switches on the device when the orientation changes?

Question

I want the device to load the appropriate layout when it is turned. Is this possible?

Answer 1

It will take some custom JavaScript. Here's an (incomplete) proof of concept document to get you started.

Comments

can this not be done by media queries within the css. Can you export the two layouts and then load the CSS from each depending on screen width but using the same resources. So you dont have two separate  documents that need to load with the same content. Thanks for the help.

---

You could use a media query to switch layouts. I haven't figured out a way to use the same resources, as InDesign treats them as separate pages items.

---

thank you, is there a way to do this without reloading the page when you turn the device. Maybe ajax?

---

This one doesn't reload the page. It loads both documents and shows/hides them as needed. It also updates the page of the hidden orientation(s).