2013-05-21 29 views
0

我想使用bootstrap.css来设计由grails呈现插件生成的pdf样式。生成的PDF很好,但没有任何CSS样式正在应用。包括外部css grails呈现插件问题

过去几天一直在寻找这个问题的答案,我正在变得无处可寻。

css background is not working when convert template into pdf using rendering plugin

Grails rendering plugin css issue

所有的答案表明,该解决方案是确保grails.serverURL在配置常规设置正确。

当前在安全模式下运行的开发机器上运行,所以我设置了grails.serverURL="https://localhost:8443/",并尝试过不同的变化。为.gsp文件

模板代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html> 
    <head> 
     <title>Invoice</title> 
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 

     <style type="text/css"> 
      @page { 
      size: A4 landscape; 

      } 

     </style> 

     <link rel="stylesheet" href="${resource(dir: 'css', file: 'bootstrap.css')}"/> 
     <r:layoutResources/> 
    </head> 
    <body> 
    <div class="content"> 
     <div class="well"> 
     <p class="pull-right">Invoice: ${companyName.encodeAsHTML()}</p></div></div> 
     <r:layoutResources/> 
    </body> 
</html> 

任何建议,将不胜感激。

回答

0

您是否尝试过内嵌css作为背景图片?我认为它应该可以工作,但我没有尝试过,但应该可以工作。

+0

嗨Saurabh内联css工作,但我需要使用bootstrap中提供的格式很多,所以这不是我真正的选择。谢谢回复。 –

0

由于您依赖于grails.serverURL设置,因此您应该能够充分利用resources插件的风格。

如果您申请bootstrap-app.cssbootstrap.min.css作为应用程序资源模块,您应该可以在它们在gsp中,如下所示。你可以尝试这种方法,否则你必须使用内联的CSS,正如我在前面提到的问题中提到的那样。我不得不坚持使用内联css,因为我不是指主机的grails.serverURL。我的应用程序在不同的环境中使用主机覆盖。

//ApplicationResources.groovy 
bootstrap { 
    //resource url:'/css/bootstrap-app.css' 
    resource url:'/css/bootstrap.min.css' 
} 

//GSP 
<head> 
    <title>Invoice</title> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
    <r:require modules="bootstrap"/> 
    <r:layoutResources/> 
</head> 
<body> 
<div class="content"> 
    <div class="well"> 
    <p class="pull-right">Invoice: ${companyName.encodeAsHTML()}</p></div></div> 
    <r:layoutResources/> 
</body> 
+0

感谢您的建议,但它给了我完全相同的结果,即没有css样式适用于呈现的pdf –

+0

顺便说一句,我已经在我的答案中删除了@ @页面,你需要明确地在模板中。如果仍然存在问题,则可以在删除不需要的样式后尝试使用缩小引导程序(bootstrap.min.css)。 – dmahapatro

+0

想想我将不得不尝试使用内联选项。再次感谢你的帮助。 –