ダイナミックパネルウィジェット (テーマ指定)
 |
ダイナミックパネルは、プラットフォーム内の標準ウィジェットとして、および SDK からインポート可能な Web コンポーネントとして使用できます。
|
ダイナミックパネルウィジェットは、ユーザーがランタイムで動的に調整できるコンテナの一種です。このウィジェットを使用して、マッシュアップ内のコンテナの表示/非表示を切り替えることができます。ダイナミックパネルを親コンテナの左、右、上、または下に固定できます。ランタイムでパネルの幅を調整したり、パネルを動的に開いたり折りたたんだりできます。ダイナミックパネルを使用して、レイアウト内のメインコンテナに関連する追加情報やフォーム入力を提供できます。
1. 展開/折りたたみボタン
2. サイドコンテナ
3. ドラッグハンドル
4. メインコンテナ
折りたたみ可能なセクションとしてのパネルの設定
ThingWorx 9.3.3 以降では、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 |
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 |