例

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

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

使用上の注意

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

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

設定

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

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