互動式通訊編輯器中的文字欄位元件
aem-forms-ea@adobe.com 請求存取權限。1.簡介
互動式通訊(IC)編輯器中的「文字欄位」元件可讓作者顯示名稱、地址、註解或數值ID等資訊。 文字欄位中顯示的值或是預先定義(靜態),或是使用資料繫結動態填入。 它支援單行專案、驗證規則和彈性格式,使其成為個人化通訊中最廣泛使用且最多樣化的元素之一。
2.屬性
2.1基本欄位
-
名稱: 定義用於資料模型、規則和指令碼的欄位唯一識別碼。
-
標題: 顯示顯示顯示給使用者的熒幕標籤(例如「名字」)。
-
值: 顯示名稱、地址、備註或其他詳細資料等文字。 該值為靜態或衍生自資料繫結。
-
保留: 設定值的對齊方式(左、右、上或下),或使用公厘(如20毫米)等單位指定自訂位置。
-
外觀: 根據所需的視覺版面配置將值方塊的外觀設定為「無」、「實線方塊」或「底線」。
2.2印刷樣式
控制輸入字元的視覺樣式:
-
字型驗證: 套用選擇性限制以驗證顯示值的格式,例如僅允許字母、數字或特定自訂模式。
-
字型大小: 使用點值(如10 pt、12 pt、20 pt等)調整欄位中文字的大小,以確保可讀性並符合設計標準。
2.3位置
定義欄位在版面中的位置:
-
X / Y座標
-
寬度和高度 (公厘、畫素或%)
2.4邊界
指定欄位容器周圍的間距:
-
上(上)
-
下(下)
-
左
-
右
2.5外觀
設定欄位容器本身的樣式:
-
填滿: 設定文字方塊的背景顏色。 這有助於區分輸入區域,或使其與品牌顏色一致。
-
筆畫: 使用下列可自訂屬性,在文字方塊周圍新增框線:
-
寬度: 定義框線的粗細。
-
樣式: 從實線、虛線或點狀框線樣式中選擇。
-
Edge: 選取轉角的形狀 — 圓角或銳利化。
-
半徑: 使用半徑值(例如,4畫素、10畫素)調整轉角曲率,以獲得更柔和或更具角度的外觀。
2.6存在
決定執行階段的可見度:
-
可見: 顯示並佔用空間
-
隱藏(保留空間): 隱藏但配置空間已保留
2.7資料繫結
將文字欄位連結至資料來源,以在通訊中動態或靜態顯示值。
-
資料繫結型別: 指定欄位如何連線到資料來源或結構描述。
-
使用名稱: 使用資料模型或結構描述中定義的欄位名稱來繫結文字欄位,允許根據外部資料顯示動態文字。
-
使用全域資料: 將欄位連線到在整個通訊中共用的全域資料,以便顯示一致的資訊。
-
無資料繫結: 保持欄位從任何後端來源取消連結。 它可用來顯示靜態值或僅供視覺化內容使用的文字。
3.使用狀況
常見案例包括:
-
擷取個人詳細資料(姓名、地址、電話號碼)
-
接受評論或意見(多行)
-
輸入原則編號或帳戶ID
-
收集短數值,例如PIN碼或OTP
作者可以將欄位放置在子表單或版面格點中以對齊,並附加驗證規則(長度限制、規則運算式模式)以確保輸入內容乾淨。
4.最佳作法
-
套用驗證(強制標幟、模式檢查)以立即獲得回饋。
-
為列印或唯讀檢視提供有意義的保留文字。
-
讓印刷樣式符合品牌方針。
-
縮小行動版面配置上的欄位寬度以符合較小的熒幕。
-
儘可能直接繫結至資料模型,以簡化維護作業。
IC編輯器中的文字欄位元件是多功能的建置區塊,可簡化資料擷取。 只要經過精心設定,搭配妥善選擇的印刷樣式、清晰的標籤、正確的驗證以及可靠的資料繫結,就能提供順暢、方便使用的體驗,以及可靠的資料,以供下游處理之用。