创建 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，导航到仪表板 Layout 定义中的 Add Resource 并使用以下代码添加 CSS Code Snippet：

   .container {
       width: auto;
   }