惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

C
Check Point Blog
Microsoft Security Blog
Microsoft Security Blog
aimingoo的专栏
aimingoo的专栏
V
V2EX
博客园 - 【当耐特】
T
Tailwind CSS Blog
Apple Machine Learning Research
Apple Machine Learning Research
量子位
MyScale Blog
MyScale Blog
Hugging Face - Blog
Hugging Face - Blog
大猫的无限游戏
大猫的无限游戏
The Cloudflare Blog
月光博客
月光博客
I
InfoQ
WordPress大学
WordPress大学
Martin Fowler
Martin Fowler
T
The Blog of Author Tim Ferriss
爱范儿
爱范儿
小众软件
小众软件
罗磊的独立博客
Recent Announcements
Recent Announcements
Blog — PlanetScale
Blog — PlanetScale
J
Java Code Geeks
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC

博客园 - spoony

Flex4 Skinning 4: 留言板示例 Flex4 Skinning 2: 皮肤协议 Flex4 Skinning 1: 自定义一个简单按钮的皮肤 Air应用程序访问本地数据库 [通篇转载]调程序的小女孩 Adobe ColdFusion Reports(5) Adobe ColdFusion Reports(3) Adobe ColdFusion Reports(2) Adobe ColdFusion Reports(1) Adobe ColdFusion Charts(3) Adobe ColdFusion Charts(2) Adobe ColdFusion Charts(1) Adobe ColdFusion读写Microsoft Office Excel数据(3) Adobe ColdFusion读写Microsoft Office Excel数据(2) Adobe ColdFusion读写Microsoft Office Excel数据(1) Flex与DotNET WebService交互(2) Flex与DotNET WebService交互(1) Ext JS Designer 1.0.5 发布 设置Flex Builder中FlashPlayer调试版本 - spoony - 博客园
Adobe ColdFusion Reports(4)
spoony · 2010-03-03 · via 博客园 - spoony

  在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实现。