使用自訂CSS檔案轉譯HTMLForms

最後更新： 2024年7月14日
  • 適用對象：
  • Experience Manager 6.5
  • 主題：

建立對象：

  • 開發人員

本檔案中的範例和範例僅適用於JEE環境上的AEM Forms。

Forms服務會根據來自網頁瀏覽器的HTTP請求轉譯HTML表單。 呈現HTML表單時，Forms服務可參考自訂CSS檔案。 您可以建立自訂CSS檔案來符合業務需求，並在使用Forms服務轉譯HTML表單時參考該CSS檔案。

Forms服務會以無訊息方式剖析自訂CSS檔案。 也就是說，Forms服務不會報告在自訂CSS檔案不符合CSS標準時可能遇到的錯誤。 在此情況下，Forms服務會忽略樣式，繼續處理CSS檔案中的其餘樣式。

下列清單指定自訂CSS檔案支援的樣式：

  • 類別層級選取器樣式配對：如果存在於自訂CSS檔案中，則會使用在HTML表單中作為類別樣式使用的選取器。 未使用的類別樣式會被忽略。
  • 識別項層級選擇器樣式配對：如果所有識別項樣式都用於HTML表單中，則會使用這些樣式。
  • 元素層級選取器樣式配對：所有元素樣式都會在HTML表單中使用。
  • 樣式優先順序：樣式優先順序（如重要）受到支援，並且可用於自訂CSS檔案中。
  • 媒體型別：一或多個選擇器樣式配對可以包裝在@media樣式中，以定義媒體型別。 Forms服務不會檢查指定的媒體型別是否受支援。 自訂CSS檔案中指定的媒體型別會在HTML表單中合併。

您可以使用FormsIVS應用程式擷取範例CSS檔案。 上傳表單，在「測試表單設計」頁面中選取表單，然後按一下「產生CSS」。 按一下按鈕之前，您不需要設定HTML轉換型別。 接著選取「儲存」。 您可以編輯此CSS檔案以符合您的業務需求。

注意
在轉譯使用自訂CSS檔案的HTML表單之前，請務必充分了解轉譯HTML表單。 (請參閱將Forms轉譯為HTML。)
注意
如需Forms服務的詳細資訊，請參閱AEM Forms服務參考。

步驟摘要

若要呈現使用CSS檔案的HTML表單，請執行下列工作：

  1. 包含專案檔案。
  2. 建立Forms Java API物件。
  3. 參考CSS檔案。
  4. 呈現HTML表單。
  5. 將表單資料流寫入使用者端網頁瀏覽器。

包含專案檔

在您的開發專案中包含必要的檔案。 如果您使用Java建立使用者端應用程式，請包含必要的JAR檔案。 如果您使用Web服務，請確定您包含Proxy檔案。

建立Forms Java API物件

您必須先建立Forms使用者端物件，才能以程式設計方式執行Forms服務支援的操作。

參考CSS檔案

若要呈現使用自訂CSS檔案的HTML表單，請確定您參考現有的CSS檔案。

轉譯HTML表單

若要呈現HTML表單，請指定在Designer中建立並儲存為XDP檔案的表單設計。 選取HTML轉換型別。 例如，您可以指定轉譯Internet Explorer 5.0或更新版本動態HTML的HTML轉換型別。

呈現HTML表單也需要值，例如呈現其他表單型別所需的URI值。

將表單資料流寫入使用者端網頁瀏覽器

Forms服務轉譯HTML表單時，會傳回您必須寫入使用者端網頁瀏覽器的表單資料流，才能讓使用者看到HTML表單。

另請參閱

呈現使用Java API之CSS檔案的HTML表單

包含AEM Forms Java程式庫檔案

設定連線屬性

Forms服務API快速入門

呈現互動式PDF forms

將Forms轉譯為HTML

建立轉譯Forms的網頁應用程式

呈現使用Java API之CSS檔案的HTML表單

使用Forms API (Java)呈現使用自訂CSS檔案的HTML表單：

  1. 包含專案檔案

    在您的Java專案的類別路徑中包含使用者端JAR檔案，例如adobe-forms-client.jar。

  2. 建立Forms Java API物件

    • 建立包含連線屬性的ServiceClientFactory物件。
    • 使用它的建構函式並傳遞ServiceClientFactory物件來建立FormsServiceClient物件。

  3. 參考CSS檔案

    • 使用物件的建構函式建立HTMLRenderSpec物件。
    • 若要呈現使用自訂CSS檔案的HTML表單，請叫用HTMLRenderSpec物件的setCustomCSSURI方法，並傳遞指定CSS檔案位置和名稱的字串值。

  4. 呈現HTML表單

    叫用FormsServiceClient物件的(Deprecated) (Deprecated) renderHTMLForm方法，並傳遞下列值：

    • 字串值，指定表單設計名稱，包括副檔名。 如果您參照的表單設計屬於Forms應用程式的一部分，請確定您指定完整路徑，例如Applications/FormsApplication/1.0/FormsFolder/Loan.xdp。
    • 指定HTML喜好設定型別的TransformTo列舉值。 例如，若要呈現與Internet Explorer 5.0或更新版本的動態HTML相容的HTML表單，請指定TransformTo.MSDHTML。
    • 包含要與表單合併之資料的com.adobe.idp.Document物件。 如果您不想合併資料，請傳遞空的com.adobe.idp.Document物件。
    • 儲存HTML執行階段選項的HTMLRenderSpec物件。
    • 字串值，指定HTTP_USER_AGENT標頭值，例如Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322)。
    • 儲存轉譯HTML表單所需URI值的URLSpec物件。
    • 儲存檔案附件的java.util.HashMap物件。 這是選用引數，如果您不想將檔案附加至表單，可以指定null。

    (Deprecated) renderHTMLForm方法傳回FormsResult物件，其中包含必須寫入使用者端網頁瀏覽器的表單資料流。

  5. 將表單資料流寫入使用者端網頁瀏覽器

    • 呼叫FormsResult物件的getOutputContent方法，以建立com.adobe.idp.Document物件。
    • 透過叫用物件的getContentType方法，取得com.adobe.idp.Document物件的內容型別。
    • 透過叫用其setContentType方法並傳遞com.adobe.idp.Document物件的內容型別來設定javax.servlet.http.HttpServletResponse物件的內容型別。
    • 呼叫javax.servlet.h\ttp.HttpServletResponse物件的getOutputStream方法，建立用來將表單資料流寫入使用者端網頁瀏覽器的javax.servlet.ServletOutputStream物件。
    • 呼叫com.adobe.idp.Document物件的getInputStream方法，以建立java.io.InputStream物件。
    • 呼叫InputStream物件的read方法，並將位元組陣列作為引數傳遞，以建立位元組陣列並以表單資料串流填入。
    • 叫用javax.servlet.ServletOutputStream物件的write方法，將表單資料流傳送至使用者端網頁瀏覽器。 將位元組陣列傳遞至write方法。

另請參閱

使用自訂CSS檔案轉譯HTMLForms

快速入門(SOAP模式)：呈現使用CSS檔案的HTML表單（使用Java API）

包含AEM Forms Java程式庫檔案

設定連線屬性