I blogged in the past about the issue of achieving horizontal tabbing in an ADF Form, and I showed how you can use multiple af:panelFormLayouts to achieve that.
Today I came across another approach to solve this using the Trinidad HTML components.
The idea is to layout your page using the Trinidad Table Layout component - and then include your ADF Faces components in the specific columns. This keeps you with the tabbing order of a regular HTML table - going across in each row.
Here is a quick demo to show you how to achieve this:
Last Friday my laptop did the typical Windows thingy and got a virus, which forced me to restage it from scratch. While I was going through the list of things I needed to install on the machine to get it up to speed with the previous configuration I had - I came to the point where I needed to upgrade my internet explorer 6 to 7, but then I decided that I'll take the opportunity that I still have an old IE6 on my machine and record a quick demo just to show how to use the Trinidad components with ADF in JDeveloper 11g to get Web UIs that are compatible with IE6.
The thing is that if you have to develop applications that will run on IE6 with JDeveloper 11g you can't use the new ADF Faces Rich Client Components. They are simply too advance for the capabilities of IE6 - so you need to switch to use the Trinidad components - which are a great offering after all (over a 100 open source free JSF components with partial page refresh, dialog framework and more).
You still get the visual editing and drag and drop ADF binding event if you use these components in 11g. Here is how it looks:
Great now that we got this out of the way - onwards to update my machine with IE7. I'll still be using Firefox for my day to day work, but you never know when someone might jump up and say - can you show me this cool ADF Faces UI on IE?