互動式通訊編輯器中的文字欄位元件

NOTE
互動式通訊功能在早期採用者程式中提供。 使用您的工作郵件地址寄送電子郵件至 aem-forms-ea@adobe.com 請求存取權限。
IMPORTANT
文件內容可能隨時變更:此提示庫目前正在針對產品進行測試,可能會進行更新和修訂。隨著表單體驗建立工具在早期採用者方案期間持續發展,相關的提示、範例和最佳做法可能會有所變更。

1.簡介

互動式通訊(IC)編輯器中的「文字欄位」元件可讓作者顯示名稱、地址、註解或數值ID等資訊。 文字欄位中顯示的值或是預先定義(靜態),或是使用資料繫結動態填入。 它支援單行專案、驗證規則和彈性格式,使其成為個人化通訊中最廣泛使用且最多樣化的元素之一。

尋找IC檔案

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編輯器中的文字欄位元件是多功能的建置區塊,可簡化資料擷取。 只要經過精心設定,搭配妥善選擇的印刷樣式、清晰的標籤、正確的驗證以及可靠的資料繫結,就能提供順暢、方便使用的體驗,以及可靠的資料,以供下游處理之用。

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab