创建宽度为 100% 的 Pentaho CDE 仪表板

Question

创建使用浏览器 window 大小的全宽 (100%) 的 Pentaho 仪表板 (CDE) 的 best/correct 方法是什么？我需要删除 screen.css 定义的默认 960 像素宽度。

Answer 1

使用 bootstrap 仪表板类型 而不是默认值 blueprint。可以在 CDE 编辑器的 Settings > Dashboard Type 中更改仪表板类型。
如果您想使用全宽，您需要覆盖 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;
}
```

Creating Pentaho CDE dashboard with 100% width