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

推荐订阅源

Y
Y Combinator Blog
S
SegmentFault 最新的问题
WordPress大学
WordPress大学
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
美团技术团队
博客园 - 叶小钗
大猫的无限游戏
大猫的无限游戏
罗磊的独立博客
Hugging Face - Blog
Hugging Face - Blog
博客园 - 司徒正美
小众软件
小众软件
博客园 - 聂微东
阮一峰的网络日志
阮一峰的网络日志
博客园 - 三生石上(FineUI控件)
月光博客
月光博客
The Cloudflare Blog
T
Tailwind CSS Blog
博客园 - 【当耐特】
Jina AI
Jina AI
量子位
有赞技术团队
有赞技术团队
博客园 - Franky
V
Visual Studio Blog
V
V2EX

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