创建100％宽度的Pentaho CDE仪表板

Question

创建使用浏览器窗口大小的全宽（100％）的Pentaho仪表板（CDE）的最佳/正确方法是什么？我需要删除screen.css定义的默认960像素宽度。

Answer 1

1. 使用bootstrap 信息中心类型而非默认blueprint。可以在CDE编辑器中的Settings > Dashboard Type中更改仪表板类型。

2. 如果您想使用全宽，则需要覆盖container div的默认CSS定义。默认值来自biserver-ce/pentaho-solutions/system/pentaho-cdf/css/cdf-bootstrap-style-includes.css。

   .container {
       width: 1170px;
   }
   

   要覆盖CSS ，请在信息中心Add Resource定义中导航至Layout，然后使用以下代码添加CSS Code Snippet：

   .container {
       width: auto;
   }