インタフェース・ページのレスポンシブ・サイズ設定

分析および分析インタフェース・コンポーネントはすべて、レスポンシブ・サイズ設定が機能するようにサイズ設定されている必要があります。

インタフェース・ページでの分析タブの設定

分析を適切なサイズで設定した後、次のステップは、インタフェースに分析を追加し、レイアウト仕様を設定することです。

オブジェクト・タブに分析を追加します。
サンドボックスを開きます。
設定およびアクションで、「ページを編集」を選択します。
「ページを編集」ダイアログで、内部を選択します。
「OK」をクリックします。
設定するページにナビゲートします。
「レイアウトの変更」をクリックします。
分析にナビゲートし、追加をクリックします。
「編集」をクリックします。

これは、ダッシュボード・コンテナの編集オプションを示しています。
「パラメータ」タブで、サイズ設定を「コンテンツ」に変更し、フィールドが空になるように高さと幅の値を削除します。

高さオプションと幅オプション、およびサイズ設定オプションが表示されます。
「表示オプション」タブをクリックします。
「拡張」タブをクリックします。
「コンテンツのストレッチ」で、値を「false」に設定します。

サイズ設定のベスト・プラクティス

通常、従来のBIコンテンツには、これらのサイズがすべて指定されているわけではありません。最適なサイズ設定結果を得るための推奨事項を次に示します。

「オリジナルのコンテンツをガイドとして使用し、内側からサイズを設定します。」、最初にビューのサイズの追加を開始します。コンテナを表示するサイズを追加して、これに従います。レポートを保存し、ダッシュボード・セクション、ダッシュボード・カラムの順で調整します。ダッシュボード・コンテナを微調整する場合は、サイズを特定のサイズに設定し、微調整してスクロール・バーを最小化します。

Firebugなどのインスペクタ・ツールは、一時的な編集を可能にすることで、このプロセスをはるかに簡単にできます。その後、戻ってダイアログに値を追加できます。ダッシュボード・コードによって差し引かれるため、ダッシュボード・コンテナの高さに20ピクセル追加します(折りたたみ可能なアイコンの領域を確保すると考えられます)。

調整が完了したら、ダッシュボード、列およびセクションを最小サイズ設定に設定します。この設定によってオーバーフロー動作が削除され、スクロール・バーがBIコンテンツに表示されなくなります。
「元のコンテンツのピクセルを測定して、開始サイズの値を取得」. 画面上のピクセルを測定してビューの開始サイズを検索するには、ピクセル測定ツール(メジャーなど)を使用します。同様に、ビュー内でサイズ変更できないコンポーネントに対して追加または差し引くピクセル数を示すために、画面上のピクセルを測定します。たとえば、ビュー・セレクタ・ウィジェットには約40ピクセルの高さが必要です。
「パディング・サイズで構築」. 通常、BIスタイルには、CSSにパディングが組み込まれています。 BIのサイズ変更コードは、これを考慮する際に最も効果的です。セクションから列に移動する場合は、ボーダーごとに3ピクセルを追加してみてください。たとえば、1つのダッシュボード列に2つのセクションがある場合、それらのセクションは4つの枠線となります。そのため、列値をセクションの合計より12ピクセル大きくします。ビューから作業してコンテナを表示する場合は、ボーダーごとに同じ3ピクセルを追加してみてください。 3ピクセルのパディング推奨は、Altaスタイルに適しています。カスタム・スタイルを数学に組み込むには、多かれ少なかれパディングが必要な場合があります。特定のサイズ設定を使用して、ダッシュボードの動作を検証できます。一般に、パディングはより安全ですが、予測しにくい動作にマージンを与える可能性があります。
「数学が機能することを確認」. BIでは、ネストされたレイアウト・オブジェクトに基づいてサイズ設定マップが構築されます。親コンテナのサイズが、それに含まれるコンテンツより小さい場合、サイズ変更は異なります。たとえば、グラフ・サイズが300 x 200で、そのビュー・コンテナが350 x 250の場合、セクション・コンテナと列コンテナは350 x 250より大きい必要があります。たとえば、セクションが300 x 200に設定されている場合、サイズ変更は機能しません。

これは、タイトルと選択可能な2つのビューを含む複合レイアウトを含む分析を含むダッシュボードを示しています。レイアウト・コンポーネントをハイライトするために追加された色。