DokumentationAEM 6.5 LTSAnvändarhandbok

Återge HTML Forms med anpassade CSS-filer rendering-html-forms-using-custom-css-files

Last update: Fri Mar 07 2025 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Gäller:
  • Experience Manager 6.5 LTS
  • Ämnen:

Skapat för:

  • Utvecklare

Exempel och exempel i det här dokumentet gäller endast för AEM Forms i JEE-miljö.

Forms-tjänsten återger HTML-formulär som svar på en HTTP-begäran från en webbläsare. När du återger ett HTML-formulär kan Forms-tjänsten referera till en anpassad CSS-fil. Du kan skapa en anpassad CSS-fil som uppfyller dina affärskrav och referera till den CSS-filen när du använder Forms-tjänsten för att återge HTML-formulär.

Forms-tjänsten tolkar den anpassade CSS-filen tyst. Det innebär att Forms-tjänsten inte rapporterar fel som kan uppstå om den anpassade CSS-filen inte uppfyller CSS-standarderna. I det här fallet ignorerar Forms-tjänsten formatet och fortsätter med de återstående formaten i CSS-filen.

I följande lista anges format som stöds i en anpassad CSS-fil:

  • Väljarliknande par på klassnivå: Om det finns i en anpassad CSS-fil används väljare som används som klassformat i HTML-formuläret. Oanvända klassformat ignoreras.
  • Väljarstilpar på identifierarnivå: Alla identifierarstilar används om de används i HTML-formuläret.
  • Elementnivåväljarliknande par: Alla elementformat används om de används i HTML-formuläret.
  • Formatprioritet: Formatprioritet (som important) stöds och kan användas i en anpassad CSS-fil.
  • Medietyp: Ett eller flera väljarliknande par kan kapslas in i @media-format för att definiera medietypen. Forms-tjänsten kontrollerar inte om den angivna medietypen stöds. Den medietyp som anges i den anpassade CSS-filen sammanfogas i HTML-formuläret.

Du kan hämta en CSS-exempelfil med FormsIVS-programmet. Ladda upp formuläret, markera det på sidan Testa formulärdesign och klicka på GenerateCSS. Du behöver inte ange HTML-omformningstyp innan du klickar på knappen. Välj sedan Spara. Du kan redigera den här CSS-filen så att den uppfyller dina affärskrav.

NOTE
Innan du återger ett HTML-formulär som använder en anpassad CSS-fil är det viktigt att du har god förståelse för hur du återger HTML-formulär. (Se Återge Forms som HTML.)
NOTE
Mer information om tjänsten Forms finns i Tjänstreferens för AEM Forms.

Sammanfattning av steg summary-of-steps

Så här återger du ett HTML-formulär som använder en CSS-fil:

  1. Inkludera projektfiler.
  2. Skapa ett Forms Java API-objekt.
  3. Referera till CSS-filen.
  4. Återge ett HTML-formulär.
  5. Skriv formulärdataströmmen till klientens webbläsare.

Inkludera projektfiler

Inkludera nödvändiga filer i utvecklingsprojektet. Om du skapar ett klientprogram med Java, inkluderar du de JAR-filer som behövs. Om du använder webbtjänster måste du inkludera proxyfilerna.

Skapa ett Forms Java API-objekt

Innan du programmässigt kan utföra en åtgärd som stöds av Forms-tjänsten måste du skapa ett Forms-klientobjekt.

Referera till CSS-filen

Om du vill återge ett HTML-formulär som använder en anpassad CSS-fil måste du referera till en befintlig CSS-fil.

Återge ett HTML-formulär

Om du vill återge ett HTML-formulär anger du en formulärdesign som har skapats i Designer och sparats som en XDP-fil. Välj en HTML-omvandlingstyp. Du kan till exempel ange den HTML-omformningstyp som återger en dynamisk HTML för Internet Explorer 5.0 eller senare.

Återgivning av ett HTML-formulär kräver också värden, t.ex. URI-värden som behövs för att återge andra formulärtyper.

Skriv formulärdataströmmen till klientwebbläsaren

När Forms-tjänsten återger ett HTML-formulär returneras en formulärdataström som du måste skriva till klientens webbläsare för att göra HTML-formuläret synligt för användaren.

Se även

Återge ett HTML-formulär som använder en CSS-fil med Java API

Inkludera AEM Forms Java-biblioteksfiler

Ange anslutningsegenskaper

Snabbstart för Forms Service API

Rendering Interactive PDF forms

Återger Forms som HTML

Skapa webbprogram som återger Forms

Återge ett HTML-formulär som använder en CSS-fil med Java API render-an-html-form-that-uses-a-css-file-using-the-java-api

Återge ett HTML-formulär som använder en anpassad CSS-fil med hjälp av Forms API (Java):

  1. Inkludera projektfiler

    Inkludera JAR-klientfiler, t.ex. adobe-forms-client.jar, i Java-projektets klassökväg.

  2. Skapa ett Forms Java API-objekt

    • Skapa ett ServiceClientFactory-objekt som innehåller anslutningsegenskaper.
    • Skapa ett FormsServiceClient-objekt med hjälp av dess konstruktor och skicka ServiceClientFactory-objektet.

  3. Referera till CSS-filen

    • Skapa ett HTMLRenderSpec-objekt med hjälp av dess konstruktor.
    • Om du vill återge det HTML-formulär som använder en anpassad CSS-fil anropar du HTMLRenderSpec-objektets setCustomCSSURI-metod och skickar ett strängvärde som anger platsen och namnet på CSS-filen.

  4. Återge ett HTML-formulär

    Anropa FormsServiceClient-objektets (Deprecated) (Deprecated) renderHTMLForm-metod och skicka följande värden:

    • Ett strängvärde som anger formulärdesignens namn, inklusive filnamnstillägget. Om du refererar till en formulärdesign som ingår i ett Forms-program måste du ange den fullständiga sökvägen, till exempel Applications/FormsApplication/1.0/FormsFolder/Loan.xdp.
    • Ett TransformTo-uppräkningsvärde som anger HTML-inställningstypen. Om du till exempel vill återge ett HTML-formulär som är kompatibelt med dynamiska HTML för Internet Explorer 5.0 eller senare anger du TransformTo.MSDHTML.
    • Ett com.adobe.idp.Document-objekt som innehåller data som ska sammanfogas med formuläret. Om du inte vill sammanfoga data skickar du ett tomt com.adobe.idp.Document-objekt.
    • Objektet HTMLRenderSpec som lagrar körningsalternativ för HTML.
    • Ett strängvärde som anger rubrikvärdet HTTP_USER_AGENT, till exempel Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322).
    • Ett URLSpec-objekt som lagrar URI-värden som krävs för att återge ett HTML-formulär.
    • Ett java.util.HashMap-objekt som lagrar bifogade filer. Det här är en valfri parameter, och du kan ange null om du inte vill bifoga filer till formuläret.

    Metoden (Deprecated) renderHTMLForm returnerar ett FormsResult-objekt som innehåller en formulärdataström som måste skrivas till klientens webbläsare.

  5. Skriv formulärdataströmmen till klientens webbläsare

    • Skapa ett com.adobe.idp.Document-objekt genom att anropa metoden getOutputContent för FormsResult-objektet.
    • Hämta innehållstypen för objektet com.adobe.idp.Document genom att anropa dess getContentType-metod.
    • Ange innehållstypen för objektet javax.servlet.http.HttpServletResponse genom att anropa dess setContentType-metod och skicka innehållstypen för objektet com.adobe.idp.Document.
    • Skapa ett javax.servlet.ServletOutputStream-objekt som används för att skriva formulärdataströmmen till klientwebbläsaren genom att anropa javax.servlet.h\ttp.HttpServletResponse-objektets getOutputStream-metod.
    • Skapa ett java.io.InputStream-objekt genom att anropa com.adobe.idp.Document-objektets getInputStream-metod.
    • Skapa en bytearray och fyll i den med formulärdataströmmen genom att anropa InputStream-objektets read-metod och skicka bytearrayen som ett argument.
    • Anropa javax.servlet.ServletOutputStream-objektets write-metod för att skicka formulärdataströmmen till klientens webbläsare. Skicka bytearrayen till metoden write.

Se även

Återge HTML Forms med anpassade CSS-filer

Snabbstart (SOAP-läge): Återge ett HTML-formulär som använder en CSS-fil med Java API

Inkludera AEM Forms Java-biblioteksfiler

Ange anslutningsegenskaper

Återge ett HTML-formulär som använder en CSS-fil med hjälp av webbtjänstens API render-an-html-form-that-uses-a-css-file-using-the-web-service-api

Återge ett HTML-formulär som använder en anpassad CSS-fil med Forms API (webbtjänsten):

  1. Inkludera projektfiler

    • Skapa Java-proxyklasser som använder Forms tjänst-WSDL.
    • Inkludera Java-proxyklasserna i klassökvägen.

  2. Skapa ett Forms Java API-objekt

    Skapa ett FormsService-objekt och ange autentiseringsvärden.

  3. Referera till CSS-filen

    • Skapa ett HTMLRenderSpec-objekt med hjälp av dess konstruktor.
    • Om du vill återge det HTML-formulär som använder en anpassad CSS-fil anropar du HTMLRenderSpec-objektets setCustomCSSURI-metod och skickar ett strängvärde som anger platsen och namnet på CSS-filen.

  4. Återge ett HTML-formulär

    Anropa FormsService-objektets (Deprecated) renderHTMLForm-metod och skicka följande värden:

    • Ett strängvärde som anger formulärdesignens namn, inklusive filnamnstillägget. Om du refererar till en formulärdesign som ingår i ett Forms-program måste du ange den fullständiga sökvägen, till exempel Applications/FormsApplication/1.0/FormsFolder/Loan.xdp.
    • Ett TransformTo-uppräkningsvärde som anger HTML-inställningstypen. Om du till exempel vill återge ett HTML-formulär som är kompatibelt med dynamiska HTML för Internet Explorer 5.0 eller senare anger du TransformTo.MSDHTML.
    • Ett BLOB-objekt som innehåller data som ska sammanfogas med formuläret. Om du inte vill sammanfoga data skickar du null. (Se Förifyll Forms med flödeslayouter.)
    • Objektet HTMLRenderSpec som lagrar körningsalternativ för HTML.
    • Ett strängvärde som anger rubrikvärdet HTTP_USER_AGENT, till exempel Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322). Du kan skicka en tom sträng om du inte vill ange det här värdet.
    • Ett URLSpec-objekt som lagrar URI-värden som krävs för att återge ett HTML-formulär.
    • Ett java.util.HashMap-objekt som lagrar bifogade filer. Det här är en valfri parameter, och du kan ange null om du inte vill bifoga filer till formuläret.
    • Ett tomt com.adobe.idp.services.holders.BLOBHolder-objekt som fylls i av metoden (Deprecated) renderHTMLForm. Det här parametervärdet lagrar det återgivna formuläret.
    • Ett tomt com.adobe.idp.services.holders.BLOBHolder-objekt som fylls i av metoden (Deprecated) renderHTMLForm. Den här parametern lagrar XML-utdata.
    • Ett tomt javax.xml.rpc.holders.LongHolder-objekt som fylls i av metoden (Deprecated) renderHTMLForm. Det här argumentet lagrar antalet sidor i formuläret.
    • Ett tomt javax.xml.rpc.holders.StringHolder-objekt som fylls i av metoden (Deprecated) renderHTMLForm. Det här argumentet lagrar språkets värde.
    • Ett tomt javax.xml.rpc.holders.StringHolder-objekt som fylls i av metoden (Deprecated) renderHTMLForm. Det här argumentet lagrar det återgivningsvärde för HTML som används.
    • Ett tomt com.adobe.idp.services.holders.FormsResultHolder-objekt som innehåller resultatet av den här åtgärden.

    Metoden (Deprecated) renderHTMLForm fyller i objektet com.adobe.idp.services.holders.FormsResultHolder som skickas som det sista argumentvärdet med en formulärdataström som måste skrivas till klientens webbläsare.

  5. Skriv formulärdataströmmen till klientens webbläsare

    • Skapa ett FormResult-objekt genom att hämta värdet för com.adobe.idp.services.holders.FormsResultHolder-objektets value-datamedlem.
    • Skapa ett BLOB-objekt som innehåller formulärdata genom att anropa FormsResult-objektets getOutputContent-metod.
    • Hämta innehållstypen för objektet BLOB genom att anropa dess getContentType-metod.
    • Ange innehållstypen för objektet javax.servlet.http.HttpServletResponse genom att anropa dess setContentType-metod och skicka innehållstypen för objektet BLOB.
    • Skapa ett javax.servlet.ServletOutputStream-objekt som används för att skriva formulärdataströmmen till klientwebbläsaren genom att anropa javax.servlet.http.HttpServletResponse-objektets getOutputStream-metod.
    • Skapa en bytearray och fyll i den genom att anropa BLOB-objektets getBinaryData-metod. Den här aktiviteten tilldelar innehållet i objektet FormsResult till bytearrayen.
    • Anropa javax.servlet.http.HttpServletResponse-objektets write-metod för att skicka formulärdataströmmen till klientens webbläsare. Skicka bytearrayen till metoden write.

Se även

Återge HTML Forms med anpassade CSS-filer

Anropa AEM Forms med Base64-kodning

recommendation-more-help
51c6a92d-a39d-46d7-8e3e-2db9a31c06a2