页面常用布局模板之一：Flow

开发运行环境：JDeveloper 11.1.1.6

WebCenter Application模板中有很好的目录结构、页面层级结构以及两个默认的页面模板。
虽然WebCenter Application模板是专门为Portal应用而用的，我们也可以使用WebCenter Application模板来构建Web应用。

1. 使用WebCenter Application模板创建Web应用

2 . 创建页面模板

3 . 运行效果
（1）Firefox 16.0.2

（2）IE 8 

可以看出，基本效果还是不错的：右上角是基本链接和登录，中间是Logo和标题，Logo下面是多层菜单，中间是内容部分。
由于是Flow风格，页面不会随着浏览器窗口大小的改变而改变。
整个页面宽度是1024px，这是在模板中的属性PageContentWidth定义的。
但还是能够看出一些小问题：
（1）Firefox 中Logo图片靠左对齐，IE中Logo图片居中。
（2）Logo图片和Titile之间有一块空白区域。我尝试了很多修改，始终无法去掉，不知道是什么原因，希望知道原因的人可以告诉我。

4 . 页面模板结构
这里决定整个页面是Flow风格的布局组件是：panelGroupLayout - scroll。
因为panelGroupLayout - scroll可以被父布局组件拉伸，却不能拉伸它其中的组件。

Project 下载： MyWebApplication.7z

http://maping930883.blogspot.com/2012/11/adf202flow.html