We had to find a way to include:
- Two slideshows;
- Two external websites;
- A rudimentary navigation;
- Fullscreen support
Since I have some experience with the awesome jQuery Cycle2 plugin and its ability to include swipe commands, its inclusion was a no-brainer.
We used tablets with a resolution of 1280x800px and fixed the html and body width and height to that value and used iframes to display external websites while including a top button to go back.
Slideshows had the same button, only inside the slides, on an absolute div. To add a swipe functionality we had to include an optional plugin to cycle2. Later we simply called it on the template
<div class="cycle-slideshow" data-cycle-swipe=true data-cycle-timeout="0" data-cycle-fx="scrollHorz" data-cycle-speed="200">
Easy peasy. Until we ran it on Kiosk Browser.
Despite that flaw we had a major success. Kiosk Browser settings were awesomely fitted to our needs. Disabling zoom and the always-on functionality saved a lot of trouble, as did blocking access to andoid's settings, home and back buttons.
However, those were blocked by tape.