ダッシュボード自動調整

  • 作成者:FRInternational
  • 編集回数:2次
  • 最終更新:FRInternational 于 2022-08-31
  • 一.概要

    1.利用シーン

    ダッシュボードの作成時に、レポートのスケーリングを「両方向」または「横方向」に設定できます。 自動調整属性を設定したテンプレートは、プレビュー時にブラウザの画面解像度に自動で適応し、デザインに合わせて均等にスケーリングされます。

    • 両方向:帳票のすべてのコンポーネントが自動でリサイズされ、ボディ全体を埋めるようにします。一つの画面に表示するような大規模なレポートに適しています。下の画像の通りです。

    01.gif

    • 横方向自動調整:コンポーネントはブラウザの幅に合わせて自動で拡大縮小されますが、高さは常に固定され、縦スクロールの効果として表示されます。レポート型の帳票に適しています。下の画像の通りです。

    02.gif

    2.機能の概要

    • 機能入り口:ダッシュボードの上部メニューバーの[テンプレート]-[PC端末自動調整属性]をクリックし、設定ボックスを表示させます。

    • [PC端末自動調整属性]は、PC端末のダッシュボード表示のみに影響し、一般帳票やモバイル端末ダッシュボードには適用されません。

    • 「帳票レイアウト」と「コンテンツ属性」がサポートされています。帳票レイアウトにはbodyのレイアウトダッシュボード内のすべてのコンポーネントの自動調整が含まれ、コンテンツ属性はダッシュボード内のすべてのコンポーネントのフォント自動調整設定を指します

    • 帳票ブロックコンポーネントでは「内容表示方法」を設定し、テーブル内容の自動調整表示を調整できます。それ以外のコンポーネントは、個別に自動調整属性を設定する必要はありません。

    • パラメータ画面とパラメータ画面のコントローラは、レポート全体と同じスケーリングロジックとスケーリングが維持されます。

    03.png

    二.自動調整属性の紹介

    注:ダッシュボードの自動調整属性は、全体のアダプティブプロパティとレポートブロックのコンテンツの表示方法のみを設定する必要があります。他のコンポーネントがアダプティブプロパティを個別に設定する必要はありません。

    1. 全体的な自動調整属性

    「PC端末自動調整属性」のレイアウト方法は、「非固定レイアウト」と「固定レイアウト」に分かれており、主にテンプレート内に配置されたコンポーネントのレイアウト効果に作用します。詳細は决策报表布局方式をご確認ください。

    レポートの[帳票ズーム設定]と[フォント]は、レイアウトに関係なく、ブラウザでプレビューするときに、同じ自動調整ロジックに従います。効果は下の画像の通りです。

    設定項目オプション効果説明
    帳票のスケーリング設定双方向自動調整1631084822756440.png

    テンプレートのすべてのコンポーネントは、横方向と縦方向でブラウザをすべて充填します。

    どのような画面解像度でも、1つのページに表示されます。

    横方向自動調整1631084837781045.png

    テンプレートのすべてのコンポーネントは、ブラウザのウィンドウを水平に満たし、高さは均等に拡大縮小されます。

    画面解像度によっては、1つのページが完全に表示されない場合、縦方向にスクロールバーが表示されます。

    調整なし1631084849951081.png

    テンプレートは、設計通りの解像度で、ブラウザーのウィンドウに表示されます。

    画面解像度によっては、1つのページが完全に表示されない場合、横方向または縦方向にスクロールバーが表示されます。


    フォント
    自動調整1631084788980631.png

    テンプレートズームの効果でフォントサイズが拡大縮小されます。

    フォント自動調整属性はテンプレート内のすべてのテキストに適用されます。

    調整なし
    1631084795891988.pngフォントは、ダッシュボードに設定された通りに表示され、テンプレートのスケーリングには従わない

    2.レポートブロックのコンテンツの表示方法

    ダッシュボードでは、コンポーネントのサイズに応じてレポートブロックの編集画面が黒枠の鎖線で表示されます。

    04.png

    ただし、プレビュー時には、レポートブロックのコンテンツは、プロパティパネルで設定された[内容表示方法に基づいて自動調整されます。

    05.png

    レポートブロックのコンテンツの表示方法は、既定では[自動調整しない]となっています。プレビューの際、下図のように境界線の内側のコンテンツはレポートブロック領域に正常に表示され、領域外のコンテンツはスクロールバーを使って確認する必要があります。

    06.gif

    レポートブロックの各コンテンツの表示方法のロジックと効果は、下表のとおりです。

    注:ダッシュボードの自動調整のため、帳票ブロックセルの行の高さと列の幅は「ピクセル」単位に変更されており、1ピクセルはおよそ1/3ミリメートルに相当する。


    表示スタイル効果説明
    自動調整なし1631086793624435.png

    レポートブロックのコンテンツはプレビューと同じように表示され、コンテンツがない場合は空白となり、その先には水平または垂直方向のスクロールバーが表示されます。

    水平方向でレポートブロックを充填する
    1631086800984237.png

    レポートブロックのコンテンツは、レポートブロックの領域全体を水平方向で充填し、セルの高さは等比率で拡大縮小されます。

    両方向でレポートブロックを充填する1631086807704127.pngレポートブロックのコンテンツは、レポートブロックの領域全体を両方向で充填し、セルの高さと幅は等比率で拡大縮小されます


    3.サーバ自動調整属性の紹介

    テンプレートの「PC端末自動調整属性」のうち、「フォント」の初期設定はサーバー設定です。サーバーの設定を変更する場合は、メニューバー[サーバー-サーバー設定]から[PC端末自動調整属性]を選択し、変更することができます。下の画像の通りです。

    07.png

    三.注意事項

    1.開発者デバッグプレビュー

    ダッシュボードは、まず開発者デバッグモードで確認しておくことをお勧めします。これは、「開発者デバッグ」プレビューがテンプレートの初期効果であり、自動調整のすべての拡大縮小ロジックはすべて初期効果に基づいているためです。

    開発者デバッグプレビューでテンプレートが正常に動作する場合、PC側のプレビューも必ず正常に動作できます。ブラウザの大きさを調整しても、自動調整の効果は悪くありません。逆に、PC用プレビューで問題なく動作しても、開発者用デバッグプレビューで問題なく動作しない場合もあります。

    2.新バージョンに変換する

    FineReport 11.0を使用している場合、新しいダッシュボードを作成すると、ダッシュボードの自動調整プロパティは自動で新バージョンとなります(本マニュアルで説明されているとおりです)。

    ただし、旧バージョンのレポート(10.0テンプレート)を新デザイナで開いた場合、ショートカットツールバーに「新バージョンに変換」と表示されますので、ボタンをクリックして変換を確定してください。下の画像の通りです。

    08.png

    この変換により、旧バージョンのダッシュボードには、_bakと追加されたバックアップファイルが生成され、つまり旧ダッシュボードです。下の画像の通りです。

    09.png

    Attachment List


    Theme: test
    既に最初
    既に最後
    • Helpful
    • Not helpful
    • Only read