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

Question

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

Answer 1

1. 使用bootstrap 仪表板类型而不是默认值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;
   }