AEM 6.4 ha raggiunto la fine del supporto esteso e questa documentazione non viene più aggiornata. Per maggiori dettagli, consulta la nostra periodi di assistenza tecnica. Trova le versioni supportate qui.
Gestione della corrispondenza ti consente di ridefinire il modello di soluzione per migliorare il valore del marchio e di rispettare gli standard di branding della tua organizzazione. Il rebranding dell’interfaccia utente include la modifica del logo dell’organizzazione, visualizzato nell’angolo in alto a sinistra dell’interfaccia utente Crea corrispondenza.
Puoi modificare il logo nell’interfaccia utente Crea corrispondenza con il logo della tua organizzazione.
Figura: Icona personalizzata nell’interfaccia utente Crea corrispondenza
Per impostare un'immagine del logo desiderato, procedi come segue:
Crea il struttura delle cartelle in CRX.
Carica il nuovo file del logo nella cartella creata in CRX.
Configurare il CSS su CRX per fare riferimento al nuovo logo.
Cancella la cronologia del browser e aggiorna l’interfaccia utente Crea corrispondenza.
Creare la struttura delle cartelle, come illustrato di seguito, per ospitare l'immagine del logo personalizzato e il foglio di stile. La nuova struttura di cartelle con la cartella principale /apps è simile alla struttura della cartella /libs .
Per qualsiasi personalizzazione, crea una struttura di cartelle parallela, come spiegato di seguito, nel ramo /apps .
Il ramo /apps (struttura cartelle):
Utilizza i seguenti passaggi per creare la struttura di cartelle richiesta nel ramo /apps :
Vai a https://[server]:[port]/[ContextPath]/crx/de
e accedi come amministratore.
Nella cartella delle app, crea una cartella denominata css
con percorso/struttura simile alla cartella css (che si trova nella cartella ccrui).
Passaggi per creare la cartella css:
Fai clic con il pulsante destro del mouse sul pulsante css nel seguente percorso e seleziona Nodo di sovrapposizione: /libs/fd/cm/ccr/gui/components/admin/clientlibs/ccrui/css
Assicurati che la finestra di dialogo Sovrapponi nodo abbia i seguenti valori:
Percorso: /libs/fd/cm/ccr/gui/components/admin/clientlibs/ccrui/css
Posizione sovrapposizione: /apps/
Tipi di nodo di corrispondenza: Selezionato
Non apportare modifiche al ramo /libs. Eventuali modifiche apportate potrebbero andare perse, in quanto questo ramo è soggetto a modifiche ogni volta che:
Fai clic su OK. La cartella css viene creata nel percorso specificato.
Nella cartella delle app, crea una cartella denominata imgs
con percorso/struttura simile alla cartella imgs (che si trova nella cartella ccrui).
Fai clic con il pulsante destro del mouse sul pulsante imgs nel seguente percorso e seleziona Nodo di sovrapposizione: /libs/fd/cm/ccr/gui/components/admin/clientlibs/ccrui/imgs
Assicurati che la finestra di dialogo Sovrapponi nodo abbia i seguenti valori:
Percorso: /libs/fd/cm/ccr/gui/components/admin/clientlibs/ccrui/imgs
Posizione sovrapposizione: /apps/
Tipi di nodo di corrispondenza: Selezionato
Fai clic su OK.
Puoi anche creare manualmente la struttura delle cartelle nella cartella /apps .
Fai clic su Salva tutto per salvare le modifiche sul server.
Carica il file del logo personalizzato in CRX. Le regole HTML standard disciplinano il rendering del logo. I formati di file immagine supportati dipendono dal browser utilizzato per accedere ad AEM Forms. Tutti i browser supportano JPEG, GIF e PNG. Per ulteriori informazioni, consulta la documentazione specifica del browser sui formati immagine supportati.
Utilizza i seguenti passaggi per caricare il file del logo personalizzato su CRX:
Passa a https://[server]:[port]/[contextpath]/crx/de
. Se necessario, accedi come Amministratore.
In CRXDE, fai clic con il pulsante destro del mouse sul pulsante imgs nel seguente percorso e seleziona Crea > Crea file:
/apps/fd/cm/ccr/gui/components/admin/clientlibs/ccrui/imgs/
Nella finestra di dialogo Crea file , immetti il nome del file come CustomLogo.png (o il nome del file del logo).
Fai clic su Salva tutto.
Sotto il nuovo file creato (qui CustomLogo.png), viene visualizzata la proprietà jcr:content.
Fai clic su jcr:content nella struttura delle cartelle.
vengono visualizzate le proprietà di jcr:content.
Fai doppio clic sul pulsante jcr:data proprietà.
Viene visualizzata la finestra di dialogo Modifica jcr:data .
Ora fai clic sulla cartella newlogo.png , fai doppio clic su jcr:content (opzione dim) e imposta il tipo nt:resource. Se non presente, crea una proprietà con nome jcr:content.
Nella finestra di dialogo Modifica jcr:data , fai clic su Sfoglia e selezionare il file immagine che si desidera utilizzare come logo (qui CustomLogo.png).
I formati di file immagine supportati dipendono dal browser utilizzato per accedere ad AEM Forms. Tutti i browser supportano JPEG, GIF e PNG. Per ulteriori informazioni, consulta la documentazione specifica del browser sui formati immagine supportati.
Figura: Esempio - CustomLogo.png da utilizzare come logo personalizzato
Fai clic su Salva tutto.
L’immagine del logo personalizzato richiede il caricamento di un foglio di stile aggiuntivo nel contesto del contenuto.
Per impostare il foglio di stile per il rendering del logo, attenersi alla procedura descritta di seguito.
Passa a https://[server]:[port]/[contextpath]/crx/de
. Se necessario, accedi come Amministratore.
Crea un file denominato customcss.css (non puoi usare un nome di file diverso) nella posizione seguente:
/apps/fd/cm/ccr/gui/components/admin/clientlibs/ccrui/css/
Passaggi per creare il file customcss.css:
Fai clic con il pulsante destro del mouse sul pulsante css e seleziona Crea > Crea file.
Nella finestra di dialogo Nuovo file , specifica il nome del CSS come customcss.css
(non è possibile utilizzare un nome di file diverso) e fare clic su OK.
Aggiungi il codice seguente al file css appena creato. In content:url nel codice, specifica il nome immagine caricato nella cartella imgs in CRXDE.
.logo, .logo:after {
content:url("../imgs/CustomLogo.png");
}
Fai clic su Salva tutto.
Cancella la cache del browser e apri l’istanza dell’interfaccia utente Crea corrispondenza nel browser. Dovresti visualizzare il tuo logo personalizzato.
Figura: Icona personalizzata nell’interfaccia utente Crea corrispondenza