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

推荐订阅源

J
Java Code Geeks
S
SegmentFault 最新的问题
V
Visual Studio Blog
人人都是产品经理
人人都是产品经理
阮一峰的网络日志
阮一峰的网络日志
腾讯CDC
Stack Overflow Blog
Stack Overflow Blog
博客园 - 【当耐特】
Recent Announcements
Recent Announcements
I
InfoQ
U
Unit 42
博客园_首页
GbyAI
GbyAI
Hugging Face - Blog
Hugging Face - Blog
罗磊的独立博客
博客园 - 叶小钗
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
D
DataBreaches.Net
aimingoo的专栏
aimingoo的专栏
月光博客
月光博客
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
博客园 - 聂微东
T
Tailwind CSS Blog
量子位

博客园 - 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实现。