ADF Faces Layouts Demo - A Hidden Treasure

Layouting pages with ADF Faces containers is sometimes not as simple as we would have liked it to be - especially for people who are just getting started. There are some tricks that can help you achieve the layout that you are looking for.

One great way to learn some of those tricks is to look at the new
"Visual Design" section of the ADF Faces Hosted demo.
For example look at the Form Layout part - and you'll see nicely aligned forms that contain various UI layout scenarios. Want to learn how this has been achieved? - just click the "page source" link at the top right - and you can see how that layout has been done.
Don't forget that you can also download the full demo source here.

One other good resource I came across today is the "Designing well known websites with ADF Rich Faces" presentation from Maiko Rocha and George Magessy - it's missing the demo part - but you can still learn a lot from the slides.

Comments:

Good slides shay but i want to ask you questions if i want to download your videos how can i do this as i'm not always have internet connection and some times i need these videos . thanks a lot .

Posted by Mohamed on May 09, 2010 at 09:19 PM PDT #

Mohamed , Unfortunately the service I use for hosting my videos doesn't have a download option built in.

Posted by shay.shmeltzer on May 10, 2010 at 07:14 AM PDT #

Hi Shay, One layout scenario I have not seen covered (or one that I have missed) is the ability to force the parent container to vertically expand (without a scrollbar) based on the size of the children. For example, I am developing a corporate externally facing website in ADF and we have a page whose left side navigation content (filtering options, stacked vertically) is dynamic and can increase in height based on the dynamic content loaded in the center facet. As it stands, we have been unable to determine how to force the height of the container to expand based on the dynamic left side nav content - currently, it disappears under the page footer.

Posted by MattC on May 23, 2011 at 12:47 AM PDT #

Hi MattC, I'm not sure I understand your scenario - it might be better if you can post it with images on the JDeveloper discussion forum.

Posted by Shay on May 24, 2011 at 02:38 AM PDT #

Hi Shay, just read your blog and it's good, but regarding vertically aligned layout. I think it only worked in Firefox but in IE, it does not layout correctly. Still my problem for the past 2 weeks.. :(

Posted by guest on July 17, 2011 at 05:29 PM PDT #

Here I've described a simple method to achieve complex layouts.
http://adfpractice-sokol.blogspot.com/2012/06/complex-forms-simple-and-easy.html

Posted by guest on June 27, 2012 at 04:06 AM PDT #

Post a Comment:
  • HTML Syntax: NOT allowed
About

me
I'm a Director of Product Management for the Oracle Java Development Tools.
Follow me:
Search

Archives
« April 2014
SunMonTueWedThuFriSat
  
1
2
3
4
5
6
7
8
9
10
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
   
       
Today