快顯 (Popup)

屬性	JavaScript	類型	描述
類型	type	string	選取您想納入的快顯類型： • 浮動快顯 • 強制回應
已置中	centered	boolean	如果選取此核取方塊，快顯視窗即會置於畫面水平與與垂直中心。如果未選取此核取方塊，則會顯示下列其他屬性： • 頂端 (px、%、em、vh) • 底端 (px、%、em、vh) • 靠左 (px、%、em、vh) • 靠右 (px、%、em、vh)
頂端 (px、%、em、vh)	top	string	設定元素的 HTML style屬性，讓您以單位 (px、%、vw、vh 等) 設定為固定於頂端。
底端 (px、%、em、vh)	bottom	string	設定元素的 HTML style屬性，讓您以單位 (px、%、vw、vh 等) 設定為固定於底端。
靠左 (px、%、em、vh)	left	string	設定元素的 HTML style屬性，讓您以單位 (px、%、vw、vh 等) 設定為固定於左側。
靠右 (px、%、em、vh)	right	string	設定元素的 HTML style屬性，讓您以單位 (px、%、vw、vh 等) 設定為固定於右側。

使用所必須的最少步驟

近似外觀

針對快顯的顯示順序，您必須透過「點擊」事件將小工具新增至體驗 (例如標籤或按鈕)。您要把該小工具的「點擊」事件繫結至「快顯」小工具，然後選擇「選取繫結目標」視窗上的「顯示快顯」。

1. 拖曳「快顯」小工具至畫布上。

2. 針對您所要顯示的小工具，將之拖曳至快顯上。

在此範例中，我們透過下列動作來格式化快顯：

a. 拖曳「格線配置」小工具至快顯上。

b. 新增 1 列。

c. 新增 1 欄至第二列。

d. 拖曳「標籤」小工具至第一列。在「文字」欄位中輸入 Do you want to continue?。

e. 拖曳「按鈕」小工具至第二列中的 2 個欄中。將按鈕的標題設為 Yes；另一個標題為 No。

f. 將「確定」按鈕的「點擊」事件繫結至體驗中的另一個檢視，然後選擇「選取繫結目標」視窗上的「導覽」。

g. 把「否」按鈕的「點擊」事件繫結至「快顯」小工具，然後選擇「選取繫結目標」視窗上的「隱藏快顯」。

3. 請確實透過「點擊」事件，將小工具新增至快顯 (例如標籤或按鈕)，藉以關閉快顯。您要把該小工具的「點擊」事件繫結至「快顯」小工具，然後選擇「選取繫結目標」視窗上的「隱藏快顯」。

請記住，最好為類別指定唯一名稱，從而不與其他類別或 OOTB 屬性相衝突。

CSS 範例	近似外觀
.ptc-popup { border-width: 1px; border-style: solid; border-color: black; font-size: 16px; font-family: Century Gothic; color: black; }