怎么修改帆软报表的finereport.css

html-css017

怎么修改帆软报表的finereport.css,第1张

举个例子给题主吧,这样比较好理解一点。

添加一个模板参数p1,将模板参数添加到参数面板中,并设置为文本框控件,参数默认值是地区;再在报表里添加一个文本框控件,文本控件内容也是地区。希望获取参数面板上文本框和报表里的文本框边框变为红色,字体颜色变为蓝色,直接使用FineReport设计器是无法实现这个效果的,那么使用css样式该如何实现呢?

1、css样式编写

新建一个css文件,获取文本框的类选择器为.fr-texteditor,在css文件中输入该类的样式:

.fr-texteditor{ border:1px solid redcolor:bluefont-weight:bold}

保存该css文件为css.css,保存在%FR_HOME%/下面。

2、引用css

打开模板,点击模板>模板web属性,选择引用css,点击选择按钮,选中刚刚新建的css文件,点击增加按钮,将该css增加到下方列表中,如下图所示:

3、效果查看

点击填报预览,如下图所示效果:

修改css样式除了可引用外部css文件外,还可以通过web页面事件来覆盖其样式。比如说,加载完成之后,希望文本框边框显示为绿色,字体显示为加粗蓝色,即可打开模板,点击模板>模板web属性>填报预览设置,选择为该模板单独设置,添加一个加载结束事件,并且勾选上直接显示控件。

$('.fr-texteditor').css('color','blue')

$('.fr-texteditor').css('font-weight','bold')

$('.fr-texteditor').css('border','1px solid red')

做表格时画表格非常的头条,不像word那样方便,需要一条线一条线的进行拖动。组成表格的线条又分为上框线、下框线、左框线、右框线、内部横(竖)框线这六类。那么在水晶报表里面就可以利用框、线等来制作表格。首先可以使用准线来进行协助设计选择视图菜单上的准线命令按钮,插入准线,然后将其移动,将准线放置到目标位置与对象分别对齐;接着插入框、竖线、横线进行表格的制作,并且使用准线去对齐行、列并进行定位然后使用准线对列宽和行高进行调整最后进行表格的内外部框线的制作,这样一张表格就可以完成了。