User Guide

Creating XSLT skins 731
For example, to add a panel cfformgroup type, add an element with a start tag such as the
following:
<xsl:template match="xf:group[@appearance='panel']">
3. Deploy your XSL file or files to the cf_webroot\CFIDE\scripts\xsl directory.
4. Add an include statement to the basic.xsl file at the end of the Supported groups section; for
example, if you create a my_group_panel.xsl file to handle a panel
cfformgroup type, your
basic.xsl file would include the following lines:
<!-- include groups that will be supported for this skin-->
<xsl:include href="_group_vertical_table.xsl" />
<xsl:include href="_group_horizontal_table.xsl" />
<xsl:include href="_group_fieldset.xsl"/>
<xsl:include href="my_group_panel.xsl" />
Styling forms by extending the ColdFusion MX CSS files
Each ColdFusion MX skinnable form XSL file uses a corresponding CSS style sheet to specify the
form style and layout characteristics. The following CSS files are located in the
cf_webroot\CFIDE\scripts\css directory:
The ColdFusion XSL files and their corresponding CSS style sheets use classes extensively to
format the form. The basic.xsl file, for example, has only one element style; all other styles are
class-based. Although the CSS files contain specifications for all classes used in the XSL files, they
do not always contain formatting information. The horizontal class definition in basic_style.css,
which is used for horizontal form groups, for example, is empty.
You can enhance the style of XML skinnable forms without changing the XSL transform by
enhancing the style sheets that ColdFusion MX provides.
File Description
basic_style.css
default_style.css
Provides a plain style for ColdFusion XSL files that use table-based
formatting. These files are identical and are used by the basic.xsl and
default.xsl transforms. ColdFusion uses the default_style.css if you do not
specify a skin in your
cfform tag.
basic2_style.css The basic_style with limited positioning changes for use with XSL files that
have div-based formatting. Used by the basiccss.xsl transform.
css_layout.css Style specifications for laying out forms that use div-based formatting.
Used by the basiccss.xsl transform.
colorname_style.css Used by the color-formatted ColdFusion MX skins. Defines the same
classes as basic_style.css, with additional property specifications.