Adobe COLDFUSION 9 Manual page 815

Developing applications

Hide thumbs Also See for COLDFUSION 9:

Table of Contents

DEVELOPING COLDFUSION 9 APPLICATIONS

Requesting and Presenting Information

Styling layouts

cflayoutarea

the layout container, and sets default values for many, but not all, styles for the layout areas. For example, the color and

background color styles of the

style sets only the color of the border around the entire layout, not the layout area borders. The

attribute controls the style of the individual layout area and overrides any corresponding

cflayoutarea

settings in the

As is often the case with complex controls, the effects of layout and layout area styles can vary. For example, do not

often specify the

style in the

The following simple example shows a tab layout with two layout areas. The layout has a light pink background color,

and the layout areas have three pixel-wide red borders.:

Layout area 1

</cflayoutarea>

Layout area 2

</cflayoutarea>

The cfpod control creates a content region with a title bar and surrounding border. You can define the pod content in

tag body, or you can use a bind expression to dynamically get the content from a URL. Pods are frequently

used for portlets in a web portal interface and for similar displays that are divided into independent, possibly

interactive, regions.

You control the pod header style and body style independently by specifying CSS style properties in the

The following example uses multiple pods inside

current time from a CFML page. The contents of the other pods is defined in the

The cfpodExample.cfm application has the following code:

attributes. The

tag set the default text and background colors in the layout areas. But the

tag; instead, specify height styles on each of the

cflayoutarea

attributes to control the appearance.

Last updated 8/5/2010

attribute controls the style of

tags to create a simple portal. The time pod gets the

bodies for simplicity. Each pod

cflayoutarea