When you create a web or portlet application, you must also define the appearance of the page. You can specify the appearance of individual controls and views using a Cascading Style Sheet (CSS). In the Composite Application Framework, you can define CSS styles for individual controls in the UI Development perspective using the Properties view, in the CSS Style Definition editor, or by attaching an external CSS to use in your project.

Apply CSS style values to an individual controls using the Properties view in the Composite Application Framework UI Development perspective. CSS styles defined for individual controls have precedence over a CSS applied to the entire page.

If you are not experienced in defining CSS styles, you can use the CSS Style Definition editor to define how a control looks in the view. However, it is a good idea to learn as much about CSS properties and attributes as possible before you begin to define styles for individual controls.

In the CSS Style Definition editor, you can define HTML style properties and attributes such as font family, font size, style, case, weight, and other attributes. The CSS style definitions are not limited to fonts, you can also define attributes for the text block, border, background, and list style.

You can also attach an external CSS with the Include Stylesheet control. For more information about the Include Stylesheet control, see webMethods CAF Tag Library Reference. For more information about how to use webMethods CAF Tag Library Reference, see Finding Information about CAF Controls.