Adobe ColdFusion Reports(4)

  在web开发中,最经常用到的控制页面样式的方法就是通过CSS(级联样式单Cascading Style Sheet). 它能对布局、字体、颜色、背景和其它文图效果实现更加精确的控制。好处主要如下:

·只通过修改一个文件就可以改变多个网页外观和格式。

·在所有浏览器和平台之间的兼容性。

·更少的编码、更少的页数和更快的下载速度。

  在ColdFusion Report中,我们可以同样用CSS对报表的外观加以控制。用报表向导创建的报表将自动创建和应用下面的CSS元素:

·ReportTitle

·CompanyName

·PageTitle

·ReportDate

·SubTitle

·DetailData(default style)

·DetailLabel

·PageFooter

·RectangleStyle

·LineStyle

  在ColdFusion Report Builder的Window -> Report Styles打开Report Styles 面板,可以看到各个样式元素属性对应的属性值。单击Export Report Styles, 可以将当前的CSS导出文件。打开导出的文件,如下:

ReportTitle
{
		color:#91C9E4;
		font-size:24pt;
}
CompanyName
{
		color:White;
		font-weight:bold;
}
PageTitle
{
		color:#333333;
		font-size:14pt;
		font-weight:bold;
}
ReportDate
{
		color:#333333
}
SubTitle
{
		color:#0760B0;
		font-size:12pt;
		font-weight:bold;
}
DetailLabel
{
		color:White;
		background-color:#0661B0;
		font-weight:bold;
}
DetailData
{
		default-style:true;
		color:#333333;
		line-size:thin;
}
PageFooter
{
		color:#2F2F2F;
		font-size:8pt;
}
RectangleStyle
{
		background-color:#0661B0
}
LineStyle
{
		color:#CCCCCC;
		background-color:#CCCCCC;
}

  可以对其进行修改,比如将ReportTitle的color属性改为Red.

PageTitle
{
		color:Red;
		font-size:14pt;
		font-weight:bold;
}

  然后单击Report Styles面板上的Import Report Styles按钮,将刚才修改后的CSS文件导入报表中,F12预览报表,可以发现报表的表头颜色变成了红色。

  对于报表纸张信息的控制,可以通过Report -> Report Properties实现。

posted @ 2010-03-03 15:21  spoony  阅读(547)  评论(0编辑  收藏  举报