Gli esempi e gli esempi contenuti in questo documento sono solo per l’ambiente AEM Forms su JEE.
Il servizio Forms consente di personalizzare una barra degli strumenti di cui viene eseguito il rendering con un modulo di HTML. È possibile personalizzare una barra degli strumenti per modificarne l’aspetto ignorando gli stili CSS predefiniti e per aggiungere un comportamento dinamico ignorando gli script Java. Una barra degli strumenti viene personalizzata utilizzando un file XML denominato fscmenu.xml. Per impostazione predefinita, il servizio Forms recupera il file da un percorso URI specificato internamente.
Questa posizione URI si trova nel file adobe-forms-core.jar, che si trova nel file adobe-forms-dsc.jar. Il file adobe-forms-dsc.jar si trova nella cartella C:\Adobe\Adobe_Experience_Manager_forms\ (C:\ è la directory di installazione). Per aprire Adobe, puoi utilizzare uno strumento di estrazione file, ad esempio Win RAR.
È possibile copiare il file fscmenu.xml da questa posizione, modificarlo in base alle proprie esigenze e quindi inserirlo in una posizione URI personalizzata. Quindi, utilizzando l’API del servizio Forms, imposta le opzioni di runtime che fanno sì che il servizio Forms utilizzi il file fscmenu.xml dalla posizione specificata. Il servizio Forms esegue il rendering di un modulo HTML con una barra degli strumenti personalizzata.
Oltre al file fscmenu.xml, è necessario ottenere i seguenti file:
fscJS è lo script Java associato a ciascun nodo. È necessario fornirne uno per il div#fscmenu
e facoltativamente per ul#fscmenuItem
nodi. I file JS implementano le funzionalità principali della barra degli strumenti e funzionano i file predefiniti.
fscCSS è un foglio di stile associato a un nodo specifico. Gli stili nei file CSS specificano l'aspetto della barra degli strumenti. fscVCSS è un foglio di stile per una barra degli strumenti verticale, visualizzato a sinistra del modulo di rendering di HTML. fscIECSS è un foglio di stile utilizzato per i moduli di HTML di cui viene eseguito il rendering in Internet Explorer.
Verificare che nel file fscmenu.xml sia presente un riferimento a tutti i file sopra indicati. In altre parole, nel file fscmenu.xml, specificare i percorsi URI per puntare a questi file in modo che il servizio Forms possa individuarli. Per impostazione predefinita, questi file sono disponibili nelle posizioni URI a partire dalle parole chiave interne FSWebRoot
o ApplicationWebRoot
.
Per personalizzare la barra degli strumenti, sostituire le parole chiave utilizzando la parola chiave external FSToolBarURI
. Questa parola chiave rappresenta l’URI passato al servizio Forms in fase di esecuzione (questo approccio viene illustrato più avanti in questa sezione).
Puoi anche specificare le posizioni assolute di questi file JS e CSS, ad esempio https://www.mycompany.com/scripts/misc/fscmenu.js. In questa situazione, non è necessario utilizzare il FSToolBarURI
parola chiave.
Non è consigliabile combinare i modi in cui si fa riferimento a questi file. In altre parole, è necessario fare riferimento a tutti gli URI utilizzando FSToolBarURI
parola chiave o posizione assoluta.
Per ottenere i file JS e CSS, apri la scheda Adobe-forms-<appserver>file .ear. All’interno di questo file, apri adobe-forms-res.war. Tutti questi file si trovano nel file WAR. Il modulo Adobe-forms-<appserver>Il file .ear si trova nella cartella di installazione di AEM forms (C:\ è la directory di installazione). È possibile aprire la<appserver>.ear utilizzando uno strumento di estrazione file come WinRAR.
La sintassi XML seguente mostra un esempio di file fscmenu.xml.
<div id="fscmenu" fscJS="FSToolBarURI/scripts/fscmenu.js" fscCSS="FSToolBarURI/fscmenu.css" fscVCSS="FSToolBarURI/fscmenu-v.css" fscIECSS="FSToolBarURI/fscmenu-ie.css">
<ul class="fscmenuItem" id="Home">
<li>
<a href="#" fscTarget="_top" tabindex="1">Home</a>
</li>
</ul>
<ul class="fscmenuItem" id="Upload" fscJS="FSToolBarURI/scripts/fscattachments.js" fscCSS="FSToolBarURI/fscdialog.css">
<li>
<a tabindex="2">Upload Attachments</a>
<ul class="fscmenuPopup" id="fscUploadAttachments">
<li>
<a href="javascript:doUploadDialog();" tabindex="3">Add ...</a>
</li>
<li>
<a href="javascript:doDeleteDialog();" tabindex="4">Delete ...</a>
</li>
</ul>
</li>
</ul>
<ul class="fscmenuItem" id="Download">
<li>
<a tabindex="100">Download Attachments</a>
<ul class="fscmenuPopup">
<li>
<a tabindex="101">None available</a>
</li>
</ul>
</li>
</ul>
</div>
Il testo in grassetto rappresenta gli URI dei file CSS e JS a cui è necessario fare riferimento.
Gli elementi seguenti descrivono come personalizzare una barra degli strumenti:
fscJS
, fscCSS
, fscVCSS
, fscIECSS
attributi (nel file fscmenu.xml) per riflettere le posizioni personalizzate dei file di riferimento utilizzando uno dei metodi descritti in questa sezione (ad esempio, fscJS="FSToolBarURI/scripts/fscmenu.js"
).div#fscmenu
I requisiti dei nodi sono essenziali per la funzionalità della barra degli strumenti. Individuale ul#fscmenuItem
i nodi possono avere o meno file JS o CSS supportati.Modifica del valore locale
Durante la personalizzazione di una barra degli strumenti, è possibile modificare il valore locale della barra degli strumenti. In altre parole, è possibile visualizzarlo in un'altra lingua. La figura seguente mostra una barra degli strumenti personalizzata visualizzata in francese.
Non è possibile creare una barra degli strumenti personalizzata in più lingue. Le barre degli strumenti non possono utilizzare file XML diversi in base alle impostazioni internazionali.
Per modificare il valore locale di una barra degli strumenti, verificare che il file fscmenu.xml contenga la lingua che si desidera visualizzare. La sintassi XML seguente mostra il file fscmenu.xml utilizzato per visualizzare una barra degli strumenti francese.
<div id="fscmenu" fscJS="FSToolBarURI/scripts/fscmenu.js" fscCSS="FSToolBarURI/fscmenu.css" fscVCSS="FSToolBarURI/fscmenu-v.css" fscIECSS="FSToolBarURI/fscmenu-ie.css">
<ul class="fscmenuItem" id="Home">
<li>
<a href="#" fscTarget="_top" tabindex="1">Accueil</a>
</li>
</ul>
<ul class="fscmenuItem" id="Upload" fscJS="FSToolBarURI/scripts/fscattachments.js" fscCSS="FSToolBarURI/fscdialog.css">
<li>
<a tabindex="2">Télécharger les pièces jointes</a>
<ul class="fscmenuPopup" id="fscUploadAttachments">
<li>
<a href="javascript:doUploadDialog();" tabindex="3">Ajouter...</a>
</li>
<li>
<a href="javascript:doDeleteDialog();" tabindex="4">Supprimer...</a>
</li>
</ul>
</li>
</ul>
<ul class="fscmenuItem" id="Download">
<li>
<a tabindex="100">Télécharger les pièces jointes</a>
<ul class="fscmenuPopup">
<li>
<a tabindex="101">Aucune disponible</a>
</li>
</ul>
</li>
</ul>
</div>
Gli avvii rapidi associati a questa sezione utilizzano questo file XML per visualizzare una barra degli strumenti personalizzata francese, come illustrato nella figura precedente.
Inoltre, specifica un valore valido per le impostazioni locali richiamando HTMLRenderSpec
dell'oggetto setLocale
e passando un valore stringa che specifica il valore locale. Ad esempio, pass fr_FR
per specificare il francese. Il servizio Forms è fornito con barre degli strumenti localizzate.
Prima di eseguire il rendering di un modulo HTML che utilizza una barra degli strumenti personalizzata, è necessario conoscere il rendering dei moduli HTML. (vedere Rendering di Forms come HTML.)
Per ulteriori informazioni sul servizio Forms, consulta Guida di riferimento dei servizi per AEM Forms.
Per eseguire il rendering di un modulo di HTML contenente una barra degli strumenti personalizzata, eseguire le operazioni seguenti:
Includi file di progetto
Includi i file necessari nel progetto di sviluppo. Se stai creando un’applicazione client utilizzando Java, includi i file JAR necessari. Se si utilizzano servizi Web, includere i file proxy.
Creare un oggetto API Java di Forms
Prima di poter eseguire a livello di programmazione un'operazione supportata dal servizio Forms, è necessario creare un oggetto client Forms.
Riferimento a un file XML fscmenu personalizzato
Per eseguire il rendering di un modulo HTML contenente una barra degli strumenti personalizzata, fare riferimento a un file XML fscmenu che descrive la barra degli strumenti. In questa sezione vengono forniti due esempi di file XML fscmenu. Verificare inoltre che il file fscmenu.xml specifichi correttamente le posizioni di tutti i file di riferimento. Come accennato in precedenza in questa sezione, accertati che in una delle due opzioni sia presente un riferimento a tutti i file FSToolBarURI
parola chiave o le relative posizioni assolute.
Rendering di un modulo HTML
Per eseguire il rendering di un modulo di HTML, specificare una struttura di modulo creata in Designer e salvata come file XDP. Selezionate anche un tipo di trasformazione HTML. È ad esempio possibile specificare il tipo di trasformazione HTML che esegue il rendering di un HTML dinamico per Internet Explorer 5.0 o versione successiva.
Il rendering di un modulo HTML richiede anche valori, ad esempio valori URI per il rendering di altri tipi di modulo.
Scrivere il flusso di dati del modulo nel browser Web client
Quando il servizio Forms esegue il rendering di un modulo HTML, restituisce un flusso di dati del modulo che è necessario scrivere nel browser Web client per rendere il modulo HTML visibile agli utenti.
Consulta anche
Inclusione dei file della libreria Java di AEM Forms
Impostazione delle proprietà di connessione
Guida introduttiva all’API di servizio Forms
Rendering dei PDF forms interattivi
Creazione di applicazioni Web per il rendering di Forms
Esegui il rendering di un modulo HTML contenente una barra degli strumenti personalizzata utilizzando l’API dei servizi Forms (Java):
Includi file di progetto
Includi i file JAR client, ad esempio adobe-forms-client.jar, nel percorso di classe del progetto Java.
Creare un oggetto API Java di Forms
ServiceClientFactory
oggetto che contiene proprietà di connessione.FormsServiceClient
mediante il costruttore e passando il ServiceClientFactory
oggetto.Riferimento a un file XML fscmenu personalizzato
HTMLRenderSpec
mediante il costruttore.HTMLRenderSpec
dell'oggetto setHTMLToolbar
e passa un HTMLToolbar
valore enum. Ad esempio, per visualizzare una barra degli strumenti HTML verticale, passare HTMLToolbar.Vertical
.HTMLRenderSpec
dell'oggetto setToolbarURI
e passando un valore stringa che specifica la posizione URI del file XML.HTMLRenderSpec
dell'oggetto setLocale
e passando un valore stringa che specifica il valore locale. Il valore predefinito è Inglese.La Guida introduttiva associata a questa sezione imposta questo valore su fr_FR
.
Rendering di un modulo HTML
Richiama FormsServiceClient
dell'oggetto renderHTMLForm
e trasmettere i seguenti valori:
Applications/FormsApplication/1.0/FormsFolder/Loan.xdp
.TransformTo
valore enum che specifica il tipo di preferenza HTML. Ad esempio, per eseguire il rendering di un modulo di HTML compatibile con dynamic HTML per Internet Explorer 5.0 o versione successiva, specificare TransformTo.MSDHTML
.com.adobe.idp.Document
oggetto contenente dati da unire con il modulo. Se non desideri unire i dati, passa un campo vuoto com.adobe.idp.Document
oggetto.HTMLRenderSpec
oggetto che memorizza le opzioni di runtime di HTML.HTTP_USER_AGENT
valore dell’intestazione, come Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322)
.URLSpec
oggetto che memorizza i valori URI necessari per il rendering di un modulo HTML.java.util.HashMap
oggetto che memorizza gli allegati. Questo è un parametro facoltativo e puoi specificare null
se non si desidera allegare file al modulo.Il renderHTMLForm
il metodo restituisce un FormsResult
oggetto contenente un flusso di dati modulo che deve essere scritto nel browser web client.
Scrivere il flusso di dati del modulo nel browser Web client
com.adobe.idp.Document
oggetto richiamando il FormsResult
oggetto "s getOutputContent
metodo.com.adobe.idp.Document
oggetto richiamando il relativo getContentType
metodo.javax.servlet.http.HttpServletResponse
tipo di contenuto dell'oggetto richiamando il relativo setContentType
e passando il tipo di contenuto del com.adobe.idp.Document
oggetto.javax.servlet.ServletOutputStream
oggetto utilizzato per scrivere il flusso di dati del modulo nel browser web client richiamando javax.servlet.http.HttpServletResponse
dell'oggetto getOutputStream
metodo.java.io.InputStream
oggetto richiamando il com.adobe.idp.Document
dell'oggetto getInputStream
metodo.InputStream
dell'oggetto read
e passando la matrice di byte come argomento.javax.servlet.ServletOutputStream
dell'oggetto write
metodo per inviare il flusso di dati del modulo al browser web client. Passare la matrice di byte al write
metodo.Consulta anche
Inclusione dei file della libreria Java di AEM Forms
Impostazione delle proprietà di connessione
Esegui il rendering di un modulo di HTML contenente una barra degli strumenti personalizzata utilizzando l’API dei servizi Forms (servizio web):
Includi file di progetto
Creare un oggetto API Java di Forms
Creare un FormsService
e impostare i valori di autenticazione.
Riferimento a un file XML fscmenu personalizzato
HTMLRenderSpec
mediante il costruttore.HTMLRenderSpec
dell'oggetto setHTMLToolbar
e passa un HTMLToolbar
valore enum. Ad esempio, per visualizzare una barra degli strumenti HTML verticale, passare HTMLToolbar.Vertical
.HTMLRenderSpec
dell'oggetto setToolbarURI
e passando un valore stringa che specifica la posizione URI del file XML.HTMLRenderSpec
dell'oggetto setLocale
e passando un valore stringa che specifica il valore locale. Il valore predefinito è Inglese.La Guida introduttiva associata a questa sezione imposta questo valore su fr_FR
.
Rendering di un modulo HTML
Richiama FormsService
dell'oggetto renderHTMLForm
e trasmettere i seguenti valori:
Applications/FormsApplication/1.0/FormsFolder/Loan.xdp
.TransformTo
valore enum che specifica il tipo di preferenza HTML. Ad esempio, per eseguire il rendering di un modulo di HTML compatibile con dynamic HTML per Internet Explorer 5.0 o versione successiva, specificare TransformTo.MSDHTML
.BLOB
oggetto contenente dati da unire con il modulo. Se non si desidera unire i dati, passare null
.HTMLRenderSpec
oggetto che memorizza le opzioni di runtime di HTML.HTTP_USER_AGENT
valore dell’intestazione, come Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322
). Se non si desidera impostare questo valore, è possibile passare una stringa vuota.URLSpec
oggetto che memorizza i valori URI necessari per il rendering di un modulo HTML.java.util.HashMap
oggetto che memorizza gli allegati. Questo parametro è facoltativo ed è possibile specificare null
se non si desidera allegare file al modulo.com.adobe.idp.services.holders.BLOBHolder
oggetto popolato da renderHTMLForm
metodo. Questo valore di parametro memorizza il modulo di cui è stato eseguito il rendering.com.adobe.idp.services.holders.BLOBHolder
oggetto popolato da renderHTMLForm
metodo. Questo parametro memorizza i dati XML di output.javax.xml.rpc.holders.LongHolder
oggetto popolato da renderHTMLForm
metodo. Questo argomento memorizza il numero di pagine nel modulo.javax.xml.rpc.holders.StringHolder
oggetto popolato da renderHTMLForm
metodo. Questo argomento memorizza il valore locale.javax.xml.rpc.holders.StringHolder
oggetto popolato da renderHTMLForm
metodo. Questo argomento memorizza il valore di rendering HTML utilizzato.com.adobe.idp.services.holders.FormsResultHolder
oggetto che conterrà i risultati dell'operazione.Il renderHTMLForm
il metodo compila com.adobe.idp.services.holders.FormsResultHolder
oggetto passato come ultimo valore di argomento con un flusso di dati del modulo che deve essere scritto nel browser web client.
Scrivere il flusso di dati del modulo nel browser Web client
FormResult
dell'oggetto ottenendo il valore del com.adobe.idp.services.holders.FormsResultHolder
dell'oggetto value
membro dati.BLOB
oggetto che contiene i dati del modulo richiamando FormsResult
dell'oggetto getOutputContent
metodo.BLOB
oggetto richiamando il relativo getContentType
metodo.javax.servlet.http.HttpServletResponse
tipo di contenuto dell'oggetto richiamando il relativo setContentType
e passando il tipo di contenuto del BLOB
oggetto.javax.servlet.ServletOutputStream
oggetto utilizzato per scrivere il flusso di dati del modulo nel browser web client richiamando javax.servlet.http.HttpServletResponse
dell'oggetto getOutputStream
metodo.BLOB
dell'oggetto getBinaryData
metodo. Questa attività assegna il contenuto del FormsResult
alla matrice di byte.javax.servlet.http.HttpServletResponse
dell'oggetto write
metodo per inviare il flusso di dati del modulo al browser web client. Passare la matrice di byte al write
metodo.Consulta anche
Richiamare AEM Forms utilizzando la codifica Base64