Are you done with your schedule builder for Oracle Open World 2010? Don’t forget to register for Pretty UIs: creating great looking applications with ADF Faces (S316896). Different from last year’s presentation Maiko Rocha and myself are not going to be focusing on ADF Faces Layout Managers and Skinning. This time it’s more about tips and techniques on how to make you UI components more dynamic and reusable.
Just to give you a taste of what we’re going to present I’ve prepared a sample application where I use JQuery with ADF Faces to create a slideshow. This sample has no HTML, of course... Otherwise it would be too easy. :)
If I had to create this app in html it would look like this:
So, the question is… How do I turn html tags into ADF Faces Layout Managers? There’s a tip here. PanelGroupLayouts can be easily mapped to html tags according to the layout attribute value you chose.
|scroll||div (overflow: auto, height: 100% and width: 100%)|
Which means that in ADF terms the code would be:
Also notice the use of af:group. Not surrounding your images with af:group will cause ADF to create a separate div for each image inside your PanelGroupLayout.