I blogged before about the support for tablet and touch device rendering with ADF Faces. Release 12c brings together features that were introduced in previous patches (such as 22.214.171.124) into a single line of code and even adds more features in this area.
To show you what ADF Faces does automatically for you, I re-recorded the interaction with the houses demo that I showed here, but this time on an iPad.
Things to note:
Switching from stretch to flow layout (eliminates scroll bars and allow swipe scroll)
Table pagination instead of scroll bars
HTML5 rendering for data visualization components instead of Flash
Drag and drop and tap and hold support on device
Swipe support on objects such as cards in a hierarchy viewer
Maximize area support
New tablet style UI components (Springboard and list view for example)
It's a single application that runs on both the regular and mobile browser.
The only thing I needed to do is use an EL for two properties (maximize and dimensionsFrom) on the top containers in the page that will switch the whole page to do flow layout on touch devices. You would usually use this in your page template for the application.
The new JDeveloper 12c comes with some pretty cool ADF Faces components that can make your applications (or demos) look even better.
For the session I did at the Kscope13 conference I built a small application that showed off some of these components, and now the JDeveloper 12c is available for all to see, I thought I'll share a short video of the application.
It highlights the runtime behavior of the new components and shows you the basic code structure for each.
Check it out:
Here is the code that is uses in the pages:
Springboard (inside the center of a panelStretchLayout):