pentaho - Creating Pentaho CDE dashboard with 100% width

Question

What is the a best/correct way to create a Pentaho Dashboard (CDE) that uses full width (100%) of a browser window size? I need to remove the default 960 pixel width that screen.css defines.

Answer 1

1. 使用bootstrap 仪表板类型而不是 default blueprint。Settings > Dashboard Type可以在 CDE 编辑器中更改仪表板类型。

2. 如果你想使用全宽，你需要覆盖默认的 CSS 定义container div。默认值来自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;
   }