Mashup Builder > ウィジェット > 標準ウィジェット > ダイナミックパネルウィジェット (テーマ指定)
ダイナミックパネルウィジェット (テーマ指定)
* 
ダイナミックパネルは、プラットフォーム内の標準ウィジェットとして、および SDK からインポート可能な Web コンポーネントとして使用できます。
ダイナミックパネルウィジェットは、ユーザーがランタイムで動的に調整できるコンテナの一種です。このウィジェットを使用して、マッシュアップ内のコンテナの表示/非表示を切り替えることができます。ダイナミックパネルを親コンテナの左、右、上、または下に固定できます。ランタイムでパネルの幅を調整したり、パネルを動的に開いたり折りたたんだりできます。ダイナミックパネルを使用して、レイアウト内のメインコンテナに関連する追加情報やフォーム入力を提供できます。
1. 展開/折りたたみボタン
2. サイドコンテナ
3. ドラッグハンドル
4. メインコンテナ
折りたたみ可能なセクションとしてのパネルの設定
DynamicPanelType プロパティを使用して、折りたたみ可能なセクションとしてウィジェットを設定できます。このバリエーションを使用して、メインレイアウトで必須ではない詳細やコントロールを非表示にすることで、スペースを節約できます。ユーザーは必要に応じて手動でセクションを展開したり折りたたんだりできます。調整可能なパネルとは異なり、コンテナはレイアウト内の空きスペースを埋めるように自動的に拡大することはなく、その高さはそのコンテンツに基づいて変化します。
1. 展開/折りたたみボタン
2. セクションボディ
3. セクションヘッダー
* 
ダイナミックパネルのボディセクションに組み込みマッシュアップを表示するには、SectionBodyMinHeight プロパティの値を指定する必要があります。
ウィジェットのプロパティ
プロパティ名
説明
ベースタイプ
デフォルト値
バインド可能か(Y/N)
ローカライズ可能か(Y/N)
TabSequence
Tab キーを押したときにウィジェットがハイライトされるシーケンスを設定します。
NUMBER
該当なし
N
N
SectionBodyMaxHeight
セクションヘッダーの高さを設定します。
NUMBER
自動サイズ調整
N
N
SectionBodyMinHeight
セクションヘッダーの最小高さを設定します。
NUMBER
自動サイズ調整
N
N
SectionHeaderHeight
セクションヘッダーの高さを設定します。
NUMBER
自動サイズ調整
N
N
HideTriggerButton
トリガーボタンを非表示にします。
BOOLEAN
False
N
N
HideDragHandle
ドラッグハンドルを非表示にします。
BOOLEAN
False
N
N
Disabled
マッシュアップ内のウィジェットを無効にします。ウィジェットは表示されますが、使用できません。
BOOLEAN
False
Y
N
DynamicPanelType
ダイナミックパネルのタイプを制御します。調整可能なパネルまたは折りたたみ可能なセクションを表示できます。
STRING
調整可能なパネル
N
N
CustomClass
ウィジェットの最上位の div に CSS を定義します。複数のクラスを入力する場合、各クラスをスペースで区切ります。
STRING
該当なし
Y
N
PanelSize
パネルサイズを設定します。
STRING
220
Y
N
ClickOutsideToClose
パネルの外側をクリックするとパネルが閉じます。
BOOLEAN
False
Y
N
Behavior
パネルを「コンテンツをプッシュ」または「立体交差」に設定します。
STRING
Push Content
Y
N
AnimationSpeed
パネルが展開/折たたまれるときのアニメーションの速度を「高速」「中」、または「低速」として設定します。
STRING
Y
N
MinSizeWhenExpanded
水平軸方向に展開されたときのパネルの最小幅を設定します。最小値は 34 ピクセルです。
パネルが上部にある場合、このプロパティは垂直軸方向の高さを定義します。
STRING
50
Y
N
MaxSizeWhenExpanded
水平軸方向に展開されたときのパネルの最大幅を設定します。
パネルが上部にある場合、このプロパティは垂直軸方向の高さを定義します。
STRING
100 %
Y
N
SizeWhenCollapsed
水平軸方向に折りたたまれたときのパネルの幅を設定します。
パネルが上部にある場合、このプロパティは垂直軸方向の高さを定義します。
STRING
該当なし
Y
N
AnchorLocation
パネル内のアンカーの場所を、「左」「上」「右」、または「下」に設定します。
STRING
Y
N
Collapsed
* 
このプロパティは、9.4.x 以前で使用可能な CollapseByDefault に置き換わるものです。
ランタイムに、ダイナミックパネルの折りたたみ状態を設定および取得します。
BOOLEAN
False
Y
N
TriggerButtonLocation
トリガーボタンの場所を「上」「中央」「下」「パネル」、または「なし」に設定します。
STRING
Y
N
TriggerButtonType
トリガーボタンのタイプを「二重キャレット」「一重キャレット」「プラス/マイナス」、または「閉じる」に設定します。
STRING
Double Carets
Y
N
TriggerButtonSide
ウィジェットが折りたたみ可能なセクションとして設定されている場合の、ヘッダー上のトリガーボタンの位置を制御します。
STRING
Y
N
TriggerButtonIcon
ウィジェットが折りたたみ可能なセクションとして設定されている場合の、トリガーボタンに表示するアイコンを指定します。オプション: 「一重キャレット」「三角形」
STRING
一重キャレット
Y
N
ToggleExpandCollapse
トリガーされると、パネルが折りたたまれた状態のときは展開し、パネルが展開された状態のときは折りたたまれます。
該当なし
該当なし
Y
N
Expand
トリガーされると、ダイナミックパネルを展開します。
該当なし
該当なし
Y
N
Collapse
トリガーされると、ダイナミックパネルを折りたたみます。
該当なし
該当なし
Y
N
ResetToDefaultValue
含まれているすべてのウィジェットをデフォルト値にリセットします。
該当なし
該当なし
Y
N
ResetInputsToDefaultValue
ダイナミックパネルウィジェットの入力を各デフォルト値にリセットします。
該当なし
該当なし
Y
N
HandleTooltipField
ハンドルにマウスポインタを合わせたときに、ツールヒントのテキストを表示します。
STRING
該当なし
Y
Y
HandleTooltipIcon
ハンドルのツールヒントのアイコンイメージを設定します。
メディアエンティティ
該当なし
N
N
TriggerButtonTooltipField
トリガーボタンにマウスポインタを合わせたときに、ツールヒントのテキストを表示します。
STRING
該当なし
Y
Y
TriggerButtonTooltipIcon
トリガーボタンのツールヒントのアイコンイメージを設定します。
メディアエンティティ
該当なし
N
N
これは役に立ちましたか?