サイドバー ウィジェット

サイドバー ウィジェットは、2 つの隣接パネルを提供するレイアウト コンテナーです。これにより、ネストされたウィジェットのレイアウトと割り当てを制御できます。 このウィジェットを使用すると、ユーザーは情報のコレクションを同時に表示できます。

このウィジェットを使用して、次のようなアプリの設計要件をサポートします。

  • 隣接するマップを表示しながら、ユーザーがフィーチャのフィルターまたはリストを表示/非表示を切り替えられるようにします。
  • ウィジェットを隣接するパネルに割り当て、パネルのサイズを変更して、大きいまたは小さいスペースでコンテンツを表示します。

使用上の注意

サイドバー ウィジェットを構成して、パネルを水平または垂直に揃えることができます。 たとえば、ユーザーは隣接するパネルで異なるレイヤーまたはデータセットのコンテンツを比較できます。 エンド ユーザーがドッキング パネルをサイズ変更したり、折りたたんだりできるようにします。 パネルを折りたたむためのボタンを除外する場合は、パネルがデフォルトで展開されていることを確認してください。

[ページ] パネルの [アウトライン] セクションで、このウィジェットには、レイアウト内のネストされたウィジェットを整理するデフォルトの子コンテナーが 2 つ含まれています。 構成したドッグ サイドに応じて、[1 番目] は左または上部パネルに対応し、[2 番目] は右または下部パネルに対応します。

ヒント:

ネストされたウィジェットが両パネルに表示されている場合、サイドバー ウィジェットの構成設定を開くには、アウトラインで選択するか、ウィジェットのオプション ツールバーの [設定] ボタン 設定 をクリックします。 ネストされたウィジェットを含むサイドバー ウィジェットを移動するには、そのウィジェットのツールバーの [移動] ボタン 移動 をクリックしたまま、キャンバス上の新しい位置にグループをドラッグします。

設定

サイドバー ウィジェットには以下の設定が含まれます。

  • [サイド パネル] - サイド パネルは折りたたんだり展開したりして、コンテンツの表示/非表示を切り替えることができます。
    • [ドック サイド] - 折りたたみ可能なサイド パネルのドッキング位置。
    • [サイズ] - 折りたたみ可能なパネルのサイズ。パネルはドック サイドの設定に対応します。
    • [オーバーレイ] - 開いたとき、サイド パネルは他のパネルの一部を覆います。
    • [サイズ変更可能] - サイド パネルのサイズを変更するには、区切り線をドラッグします。
    • [デフォルトの状態] - エンド ユーザーがページを最初に開いたときにサイドバーが展開されるか、折りたたまれるかを指定します。
  • [折りたたみ] ボタン - 折りたたみボタンは、サイド パネルの表示/非表示を切り替えるために使用されます。 ボタンを削除するか、設定を指定して、背景色、アイコン、色、アイコンの形状などの外観を変更できます。 パネルでボタンのスタイルと位置を選択できます (中央、上、下)。 ボタンとアイコンのサイズ (ピクセル単位)、および水平方向と垂直方向のオフセットも指定できます。
  • [区切り線] - 隣接するパネル間の区切り線の外観を変更できます (ライン スタイル、色、太さなど)。
  • パネルのプロパティ - 各パネルの背景の塗りつぶし色または画像を選択します。 画像を選択した場合、[フィット][塗りつぶし][中央揃え][タイル]、または [ストレッチ] を使用してパネルに配置できます。

操作オプション

ボタン ウィジェットを使用して、サイドバー ウィジェットを開閉することができます。

これには、ボタン ウィジェットとサイドバー ウィジェットをアプリに追加します。ボタン ウィジェットの設定の [アクション] タブで、[トリガーの追加] をクリックしてから、[ボタンをクリック] トリガーを選択します。 サイドバー ウィジェットをターゲットとして選択してから、[サイドバーの切り替え] アクションを選択します。