動態面板小器具 (主題化)
 |
「動態面板」小器具可作為平台中的標準小器具使用，也可作為您可從 SDL 匯入的 web 元件使用。
|
「動態面板」小器具是使用者可在執行時間動態調整的容器類型。您可以使用小器具來顯示或隱藏混搭中的容器。動態面板可以錨定到父容器的左側、右側、頂部或底部。您可以在執行時間動態調整面板寬度，以及開啟與摺疊面板。您可使用動態面板來提供與版面配置中主容器相關的其他資訊或表單輸入。
1. 展開與摺疊按鈕
2. 側容器
3. 拖曳操作框
4. 主容器
將面板配置為可摺疊區域
在 ThingWorx 9.3.3 或更新版本中，您可使用 DynamicPanelType 內容，將小器具配置為可摺疊區域。使用此變體可透過從主版面配置中隱藏非重要的詳細資訊或控制項來節省空間。使用者可以視需要手動展開及摺疊區域。與可調整的面板不同，容器不會自動增長以填充版面配置中的可用空間，其高度會根據其內容而變更。
1. 展開與摺疊按鈕
2. 區域主體
3. 區域標題
| | 欲在動態面板的主體區域中顯示包含的混搭，您必須在 SectionBodyMinHeight 內容中指定值。 |
小器具內容
屬性名稱 | 描述 | 基礎類型 | 預設值 | 可繫結? (Y/N) | 可當地語系化? (Y/N) |
|---|---|---|---|---|---|
TabSequence | 設定當您按下 TAB 鍵時小器具反白的順序。 | NUMBER | n/a | 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 | 定義小器具頂部分區的 CSS。輸入多個類別時，請用空格分隔每個類別。 | STRING | n/a | Y | N |
PanelSize | 設定面板大小。 | STRING | 220 | Y | N |
ClickOutsideToClose | 按一下面板外部時關閉面板。 | BOOLEAN | False | Y | N |
Behavior | 將面板設定為「推送內容」或「飛掠」。 | STRING | 推送內容 | Y | N |
AnimationSpeed | 將面板展開與摺疊動畫的速度設定為「快」、「中」或「慢」。 | STRING | 中 | Y | N |
MinSizeWhenExpanded | 設定當沿水準軸展開時，面板的最小寬度。最小值為 34 像素。 如果面板位於頂部，則此內容定義沿垂直軸的高度。 | STRING | 50 | Y | N |
MaxSizeWhenExpanded | 設定當沿水準軸展開時，面板的最大寬度。 如果面板位於頂部，則此內容定義沿垂直軸的高度。 | STRING | 100% | Y | N |
SizeWhenCollapsed | 設定當沿水準軸摺疊時，面板的寬度。 如果面板位於頂部，則此內容定義沿垂直軸的高度。 | STRING | n/a | Y | N |
AnchorLocation | 在面板中，將錨點的位置設定為「左」、「上」、「右」或「下」。 | STRING | 左 | Y | N |
CollapseByDefault | 當載入混搭時，依預設將面板設定為摺疊。 | BOOLEAN | False | Y | N |
TriggerButtonLocation | 將觸發器按鈕的位置設定為「上」、「置中」、「下」、「面板」或「無」。 | STRING | 上 | Y | N |
TriggerButtonType | 將觸發器按鈕的類型設定為「雙插入記號」、「單插入記號」、「加/減」或「關閉」。 | STRING | 雙脫字符號 | Y | N |
TriggerButtonSide | 控制當將小器具配置為可摺疊區域時，標題上觸發器按鈕的位置。 | STRING | 「左」 | Y | N |
TriggerButtonIcon | 指定當將小器具配置為可摺疊區域時，要針對觸發器按鈕顯示的圖示。選項：「單插入記號」、「三角形」 | STRING | 「單插入記號」 | Y | N |
ToggleExpandCollapse | 觸發時，會在面板處於摺疊狀態時將其展開，或在面板處於展開狀態時將其摺疊。 | n/a | n/a | Y | N |
Expand | 觸發時，會展開動態面板。 | n/a | n/a | Y | N |
Collapse | 觸發時，會摺疊動態面板。 | n/a | n/a | Y | N |
ResetToDefaultValue | 將全部包含的小器具重設為其預設值。 | n/a | n/a | Y | N |
ResetInputsToDefaultValue | 將「動態面板」小器具的輸入重設為其預設值。 | n/a | n/a | Y | N |
HandleTooltipField | 當您將游標移到控點上時，會顯示工具提示文字。 | STRING | n/a | Y | Y |
HandleTooltipIcon | 為控點的工具提示設定圖示圖像。 | MEDIA ENTITY | n/a | N | N |
TriggerButtonTooltipField | 當您將游標移到觸發器按鈕上時，會顯示工具提示文字。 | STRING | n/a | Y | Y |
TriggerButtonTooltipIcon | 為觸發器按鈕的工具提示設定圖示圖像。 | MEDIA ENTITY | n/a | N | N |