Mashup Builder > 混搭 > 回應式混搭 > 展開與摺疊容器
展開與摺疊容器
您可以設定 EnableExpandCollapse 內容來控制混搭內容器的可見度。當容器摺疊時,使用者看不到它的內容。展開時,容器及其內容將可見。您可以使用按鈕或 ExpandCollapse 服務來控制容器可見度。例如,您可以使用內容來顯示或隱藏包含不應始終可見之組態選項的容器。
使用服務展開或摺疊容器
1. 在 Mashup Builder 中,選取畫布上的容器。
在 ThingWorx 9.1 及較早版本中,您只能選取版面配置邊緣上的容器。
2. 「內容」面板上,選取 EnableExpandCollapse 內容。
3. 將事件繫結至容器的 CollapseExpand 服務。
觸發事件時,會執行服務,且容器會展開或摺疊。您可以從小器具、函數或服務繫結事件,以控制容器的可見度。
使用按鈕展開及摺疊容器
1. 在 Mashup Builder 中,選取放置在畫布緣的容器。
2. 「內容」面板上:
a. 啟用 EnableExpandCollapse 內容。
b. 啟用 ShowExpandCollapseTab 內容。
箭頭按鈕 展開摺疊按鈕 會顯示在容器上。您可以按一下按鈕來在執行時間展開或摺疊容器。
重疊容器
混搭內的容器大小會在您展開或摺疊容器時變更。這可能會破斷混搭的版面配置。Overlay 內容可讓您在版面配置頂端顯示容器。您只能針對具有固定或指定大小範圍且位於混搭邊緣的容器啟用內容。
這是否有幫助?