Show Menu
ARGOMENTI×

Creazione di un profilo personalizzato per i moduli HTML5

Un profilo è un nodo di risorse in Apache Sling . Rappresenta la versione personalizzata del servizio di rappresentazione moduli HTML5. È possibile utilizzare il servizio di rappresentazione moduli HTML5 per personalizzare l’aspetto, il comportamento e le interazioni dei moduli HTML5. Un nodo di profilo esiste nella /content cartella nell'archivio JCR. Potete posizionare il nodo direttamente sotto la /content cartella o in qualsiasi sottocartella della /content cartella.
Il nodo del profilo ha la proprietà sling:resourceSuperType e il valore predefinito è xfaforms/profile . Lo script di rendering per il nodo si trova in /libs/xfaforms/profile.
Gli script Sling sono script JSP. Questi script JSP fungono da contenitori per l'assemblaggio dell'HTML per il modulo richiesto e degli artefatti JS / CSS richiesti. Questi script Sling sono denominati anche script di rendering profilo. Il renderer di profili richiama il servizio Forms OSGi per eseguire il rendering del modulo richiesto.
Lo script di profilo è in html.jsp e html.POST.jsp per le richieste GET e POST. Potete copiare e modificare uno o più file per sovrascrivere e aggiungere le personalizzazioni. Non apportate alcuna modifica, l’aggiornamento della patch sovrascrive tali modifiche.
Un profilo contiene vari moduli. I moduli sono formRuntime.jsp, config.jsp, toolbar.jsp, formBody.jsp, nav_piè.jsp e piè di pagina.jsp.

formRuntime.jsp

I moduli formRuntime.jsp contengono riferimenti delle librerie client. Inoltre, mostra i metodi per estrarre le informazioni sulle impostazioni internazionali dalla richiesta e includere i messaggi localizzati nella richiesta. È possibile includere libs o stili JavaScript personalizzati in formRuntime.jsp.

config.jsp

Il modulo config.jsp contiene diverse configurazioni come registrazione, servizi proxy e versione di comportamento. Puoi aggiungere la tua configurazione e personalizzazione widget al modulo config.jsp. Potete inoltre aggiungere al modulo config.jsp configurazioni come la registrazione dei widget personalizzati.

toolbar.jsp

toolbar.jsp contiene codice per creare una barra degli strumenti colorata. Per rimuovere la barra degli strumenti, rimuovere toolbar.jsp da HTML.jsp

formBody.jsp

Il modulo formBody.jsp è destinato alla rappresentazione HTML del modulo XFA.

Creazione di profili personalizzati

Per creare un profilo personalizzato, effettuate le seguenti operazioni:

Crea nodo profilo

  1. Passate all'interfaccia CRX DE all'URL: https://'[server]:[port]'/crx/de ed effettuate l'accesso all'interfaccia con le credenziali di amministratore.
  2. Nel riquadro a sinistra, passare alla posizione /content/xfaforms/profile .
  3. Copiate il nodo predefinito e incollate il nodo in un'altra cartella ( /content/profile ) con il nome hrform .
  4. Selezionare il nuovo nodo, hrform e aggiungere una proprietà stringa: sling:resourceType con valore: hrform/demo .
  5. Fate clic sul menu Salva tutto nella barra degli strumenti per salvare le modifiche.

Creare lo script del renderer del profilo

Dopo aver creato un profilo personalizzato, aggiungete le informazioni di rendering a questo profilo. Quando viene ricevuta una richiesta per il nuovo profilo, CRX verifica l'esistenza della cartella /apps per la pagina JSP da sottoporre a rendering. Create la pagina JSP nella cartella /apps.
  1. Nel riquadro a sinistra, individuate la /apps cartella.
  2. Fate clic con il pulsante destro del mouse sulla /apps cartella e scegliete di creare una cartella con il nome hrform .
  3. All’interno della cartella hrform , create una cartella denominata demo .
  4. Fate clic sul pulsante Salva tutto .
  5. Andate a /libs/xfaforms/profile/html.jsp e copiate il nodo html.jsp .
  6. Incollate il nodo html.jsp nella /apps/hrform/demo cartella precedentemente creata con lo stesso nome html.jsp e fate clic su Salva .
  7. Se disponete di altri componenti dello script di profilo, seguite i passaggi da 1 a 6 per copiare i componenti nella cartella /apps/hrform/demo.
  8. Per verificare che il profilo sia stato creato, apri URL https://'[server]:[port]'/content/xfaforms/profiles/hrform.html
Per verificare i moduli, importare i moduli dal file system locale ai AEM Forms e visualizzare l'anteprima del modulo nell'istanza di creazione del server AEM.