Tab ブロック

  • 作成者:ayuan0625
  • 編集回数:42次
  • 最終更新:ayuan0625 于 2021-09-25
  • 一.概要

    Tabブロックで、ダッシュボードに複数のページを表示できます。簡単な効果は下記の通りです。

    11.gif

    二.操作

    1.タブブロックの追加と削除

    Tabブロックの要素をテーブルにドラッグします。編集後、+ボタンをクリックしてTabを追加し、xをクリックして削除できます。

    02.gif

    右上の階層パネルからTabブロックを削除することもできます。

    03.png

    [Tab]タブを右クリックすることで、タブブロックの順序を調整することができます。

    04.png

    2.テーブルの内容を追加する

    tabを直接選択した後、ウィジェットをドラッグドロップしてください。

    05.gif

    3.チャートプロパティ設定

    データを関連付けます。

    06.png

    タイトルを設定します。

    07.png

    4.Titleのカスタマイズ

    Tabまたは右側のパネルのTab要素をクリックすることで、タイトルを変更することができます。

    08.png

    5.Tabスタイルの変更

    右上のパネルでtabpaneを選択して、プロパティでスタイルを設定することができます。

    09.png

    6.他のプロパティについて

    6.1.Tabカルーセル

    すべてのTabページの内容は自動的に交替表示されます。効果は次のとおりです。

    11.gif

    6.2.カルーセルの設定

    タブレイアウト要素をクリックし、カルーセルにチェックマークを付けて、時間間隔を設定します。

    10.png

    6.3.スタイルの設定

    タブレイアウト要素を選択し、スタイルを選択して、枠線と背景色をカスタマイズします。

    12.png

    6.4.Tabラベルフォントの設定

    tabpane要素を選択し、プロパティパネルでフォントとタブの背景などを変更します。

    13.png

    Attachment List


    Theme: FineReport ダッシュボード
    • いいね
    • 良くない
    • 閲覧しただけ