互動式通訊編輯器中的核取方塊元件
aem-forms-ea@adobe.com 請求存取權限。1.簡介
互動式通訊(IC)編輯器中的核取方塊元件可讓使用者進行單一或多個二進位選擇(是/否、真/假)。 它通常用於條款與條件、偏好設定、同意欄位和選擇加入,提供在通訊表單中擷取布林值輸入的快速方式。
核取方塊支援彈性的樣式、資料繫結選項和可見性規則,使其成為設計互動式使用者友好表單的輕量級但功能強大的工具。
2.屬性
2.1基本欄位
-
名稱: 用於參考資料模型、規則或指令碼中核取方塊的唯一識別碼。
-
切換: 允許核取方塊在按一下時開啟/關閉。 這可在單一或群組模式中使用。
-
標題: 勾選方塊旁顯示的描述標籤,可引導使用者瞭解他們同意或選取的內容。
-
保留: 未進行任何互動時,以唯讀或遞補模式顯示的選擇性預留位置文字或符號。
2.2位置
定義核取方塊在版面中的放置位置:
-
X和Y座標: 設定核取方塊在版面格線中的位置。
-
高度和寬度: 定義核取方塊的尺寸(公厘或畫素),尤其是使用自訂視覺樣式或圖示時。
2.3邊界
允許核取方塊周圍的間距以進行版面調整:
-
上(上)
-
下(下)
-
左
-
右
2.4外觀
控制核取方塊及其框架的視覺樣式:
-
填滿: 核取方塊的背景顏色(選取或未選取時)。
-
筆畫: 核取方塊邊框的外框色彩。
-
筆畫寬度: 框線粗細。
-
樣式: 實線、虛線或自訂輪廓圖樣。
-
邊緣: 定義核取方塊的轉角樣式:圓角或銳利邊緣,視設計偏好而定。
2.5顯示狀態
決定執行階段核取方塊顯示的方式與時間:
-
可見: 正常顯示且佔用空間。
-
隱藏(保留空間): 隱藏在UI中,但保留版面空間。 對於沒有版面中斷的條件式可見性非常有用。
2.6資料繫結
啟用核取方塊與外部或內部資料來源互動:
資料繫結型別:
使用名稱: 使用元件的欄位名稱繫結值。
使用全域資料: 連線到通訊中共用的全域資料模型。
沒有資料繫結: 核取方塊保持獨立,不會儲存在資料模型中。
3.使用狀況
核取方塊通常用於下列情況:
-
同意欄位: 例如「我同意條款及條件」
-
使用者偏好設定: (例如「訂閱電子報」)
-
多重選擇選項: 例如「選取所有適用選項」
-
表單確認:,例如「我確認上述詳細資料正確無誤」
核取方塊可放置在版面格點或面板內,並群組在一起,以便在表單中更好地組織。
4.最佳作法
-
使用簡潔明瞭的註解來協助使用者瞭解他們要選取的內容。
-
僅針對二進位輸入使用核取方塊,以避免雜亂 — 使用選項按鈕以取得獨佔選項。
-
使用簡潔使用者介面的邊界和版面設定來確保適當的間距。
-
當擷取的選擇需要儲存或處理時,將核取方塊繫結到有意義的資料模型參考。
-
當核取方塊與先前的輸入或條件相依時,請使用可見性規則。
互動式通訊編輯器中的Check Box元件是二進位輸入的簡單但必要元件。 藉由對樣式、條件存在和彈性資料繫結的支援,它在增強智慧數位表單中的互動性和使用者控制方面扮演了關鍵角色。 使用貼心的標籤、一致的樣式和有意義的資料整合來實作時,核取方塊可大幅促進流暢且直覺式的表單體驗。