pentaho - 幅 100% の Pentaho CDE ダッシュボードの作成

Question

ブラウザ ウィンドウ サイズの全幅 (100%) を使用する Pentaho ダッシュボード (CDE) を作成するための最良/正しい方法は何ですか? screen.css が定義するデフォルトの 960 ピクセル幅を削除する必要があります。

Answer 1

1. default の代わりに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;
   }