您可以自訂最適化表單的錯誤訊息版面配置和位置。 您可以執行下列自訂:
您可以自訂單一欄位或所有欄位的版面,以變更註解和錯誤訊息的位置。 執行下列步驟將自訂配置套用至欄位:
執行下列步驟將自訂配置套用至單一欄位:
在中開啟表單 樣式 模式。 若要在樣式模式中開啟表單,請在頁面工具列點選中 > 樣式.
在側欄的下方 表單物件,選取欄位並點選「編輯」按鈕 .
選取要自訂欄位的狀態,並指定該狀態的樣式。
透過AEM Forms,您現在可以建立主題並套用至表單。 主題編輯器可讓您在單一位置指定表單元件的樣式。 建立主題時,需在元件層級指定樣式。 有關主題的詳細資訊,請參閱 AEM Forms主題.
使用主題編輯器建立主題,以自訂表單中所有欄位的版面。 建立主題後,請執行下列步驟將其應用於表單:
開啟CRXDE lite。 預設URL為 https://[Server]:[Port]/crx/de
.
將欄位佈局從/libs/fd/af/layouts/field節點(例如,defaultFieldLayout)複製到/apps節點(例如, /apps/af-field-layout)。
更名複製的節點和defaultFieldLayout.jsp檔案。 例如, errorOnRight.jsp。
更改複製節點的qtip和jcr:description屬性的值。 例如,將屬性的值變更為「Error On Right」
若要新增樣式和行為,請在/etc節點中建立用戶端程式庫。
例如,在/etc/af-field-layout-clientlib位置,建立節點client-library。 使用值af.field.errorOnRight和style.less檔案添加categories屬性,其中包含以下代碼:
.widgetErrorWrapper {
height: 38px;
margin: 5px;
.guideFieldWidget{
width: 60%;
float: left;
}
.guideFieldError{
overflow:hidden;
width:40%;
}
}
要增強外觀和行為,請包括在佈局檔案(errorOnRight.jsp)中建立的客戶端庫。
開啟欄位的編輯對話方塊,選取 樣式 標籤。 在 配置欄位配置 下拉式方塊中,選取新建立的版面,然後按一下 確定.
ErrorOnRight.zip套件包含的程式碼會顯示欄位右側的錯誤訊息。