fineReport决策报表引用外部css

https://help.finereport.com/doc-view-3464.html

按照这个文档引入外部css，引入后不生效。

var link = '';

$("head").append(link);

问题1：这段代码中的  FR.server 是不是需要修改？

问题2：按照这个文档可以解决引入外部css的问题吗？屏幕快照 2020-06-28 下午5.44.23.png

二次编辑：
根据评论 引用相对路径，css依旧不生效。
问题：看了文档是可以修改自带组件的css。我现在是自定义css，不知道是代码写的问题才没有生效还是不支持自定义的原因？

css路径为：webapps\webroot\help\css\blue.css
附上代码截图
屏幕快照 2020-06-29 下午2.58.42.png

css代码：
.color{
   backgroud-color: blue;
}
FineReport 用户h3642156 发布于 2020-6-29 09:32 （编辑于 2020-6-29 16:28）
1min目标场景问卷 立即参与
回答问题
悬赏：3 F币 + 添加悬赏
举报
提示：增加悬赏、完善问题、追问等操作，可使您的问题被置顶，并向所有关注者发送通知
共5回答
最佳回答
0
yikefuLv6初级互助
发布于2020-6-29 16:44（编辑于 2020-6-29 16:44）

放绝对路径哈  一定可以 2.png
举报 收起评论(7)
  • 用户h3642156 用户h3642156(提问者) 好的，请问一下绝对路径的域名和端口号是怎么来的？
    2020-06-29 17:20 
  • yikefu yikefu 回复 用户h3642156(提问者) 你访问的报表路径
    2020-06-29 17:23 
  • yikefu yikefu 回复 用户h3642156(提问者) http://localhost:8075/webroot/decision/view/report?viewlet=%25E4%25B8%2589%25E7%25BB%25B4%25E5%259C%25B0%25E5%259B%25BE.cpt 这是我本地的
    2020-06-29 17:24 
  • yikefu yikefu 回复 用户h3642156(提问者) 懂了吗 ？
    2020-06-29 17:25 
  • 用户h3642156 用户h3642156(提问者) 回复 yikefu http://localhost:8075/webroot/decision/view/report?viewlet=GettingStarted.cpt 拿我现在访问报表的路径举例：其中loaclhost是本机ip地址，端口号是8075对吗？我按照loaclhost是本机ip地址，端口号是8075写入，css无法生效。 var link = \'\'; $(\"head\").append(link);
    2020-06-29 17:43 
最佳回答
2
qhlLv6中级互助
发布于2020-6-29 09:48（编辑于 2020-6-29 14:51）

问题1：FR.server指的是服务器地址，这块路径需要根据你实际css文件的地址来设置，可以用绝对路径，也可以用相对路径，如帮助文档是相对路径-https://help.finereport.com/doc-view-2946.html

问题2：可以引入外部css样式


根据报表所在目录，引入相对路径（这个报表目录是直接在reportlet下的），在报表body添加初始化事件：

 var link = '<link rel="stylesheet" type="text/css" href="../../help/css/test.css">';
$("head").append(link);

或者css里面选择器没选对要设置样式的对象
举报 收起评论(6)
  • 用户h3642156 用户h3642156(提问者) 谢谢，已按相对路径引入。但是css还是不生效，麻烦再看看我编辑后的问题🙏
    2020-06-29 16:30 
  • qhl qhl 回复 用户h3642156(提问者) 你在body为什么prepend一个div，而且来改这个div样式？
    2020-06-29 17:13 
  • 用户h3642156 用户h3642156(提问者) 回复 qhl 先简单的引入外部css，测试能不能生效
    2020-06-29 17:19 
  • qhl qhl 回复 用户h3642156(提问者) 好吧，可以修改一个控件的样式看看-https://help.finereport.com/doc-view-1367.html
    2020-06-29 17:53 
  • 用户h3642156 用户h3642156(提问者) 回复 qhl 看过这篇文档，只能解决自带组件的css问题，我想修改自定义div下的css，流程是按你发的这篇文档上面来的，但是css不生效。
    2020-06-29 18:05 
最佳回答
1
L大大Lv7高级互助
发布于2020-6-29 14:46

你这个引用的我大屏的文档吧，你把sty.css文件放到指定目录下面，我上面有写的
举报 收起评论(3)
  • 用户h3642156 用户h3642156(提问者) 已放到指定目录下了，麻烦再看看我刚编辑后的问题。谢谢🙏
    2020-06-29 16:29 
  • L大大 L大大 回复 用户h3642156(提问者) 你告诉我你要修改什么，这个CSS样式要应用到哪儿
    2020-06-29 17:07 
  • 土番薯 土番薯 按照你的帖子，9.0不适用，引用不起来
    2023-10-20 13:51 
最佳回答
0
影丶Lv5高级互助
发布于2020-6-29 09:44

如果你只是想实现帮助文档中的效果，按文档步骤操作即可，不需要修改（注意相关路径设置）；如果想实现自定义的css效果，那肯定是要根据你实际的css来调整的。
举报 收起评论(1)
  • 用户h3642156 用户h3642156(提问者) 是的，我想实现自定义的css效果，已编辑问题，麻烦帮忙看一下，谢谢。
    2020-06-29 16:31 
最佳回答
0
戒定生慧Lv5见习互助
发布于2023-2-27 09:42

楼主，你这css内容写错了，应该是： background-color: blue;  而且如果我想在REPORT0报表块中添加css样式，则应该这么写：

setTimeout(function() {

// 引用css

var link = '<link rel="stylesheet" type="text/css" href="../../help/css/blue.css">';

// 报表块添加css样式

$("div[widgetname= REPORT0]").append(link);

}, 200);
  • 6关注人数
  • 3414浏览人数
    • 最后回答于：2023-2-27 09:42
    活动推荐 更多
    热门课程 更多
    请选择关闭问题的原因
    确定 取消
    隐私政策
    帆软用户服务协议
    联系管理员
    联系帆软
    Copyright© 帆软软件有限公司 版权所有
    苏ICP备18065767号
    返回顶部