When finished, press "back" to go back to the demo list.
Screen 1 is initialy visible even though no element inside it is focused because it is part of a group and because it is the first one of its group defined.
Screen 2 is visible when an element inside it is focused.
Screen 2 remains visible when the element inside it looses focus.
Screen 2 is hidden and screen 1 becomes visible again when the element inside it regains focus.
We have added "visibility:hidden" to the style of the <body> in order to prevent flickering during initial page load otherwise we see all screens visible for a split second the time that the framework hides them.
Please view the source of this HTML document to check out the code that makes it work the way it does.