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.
interfaccia utente Crea corrispondenza: l’icona personalizzata nell’interfaccia utente Crea corrispondenza
Per impostare un'immagine del logo desiderato, procedi come segue:
Crea la struttura di cartelle appropriata in CRX.
Carica il nuovo file di logo nella cartella creata in CRX.
Imposta 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 sulla cartella css al seguente percorso e seleziona Sovrapponi nodo: /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 di sovrapposizione: /apps/
Tipi di nodo di corrispondenza: controllati
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 sulla cartella imgs al seguente percorso e seleziona Sovrapponi nodo: /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 di sovrapposizione: /apps/
Tipi di nodo di corrispondenza: controllati
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 sulla cartella 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).
Fare 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 sulla proprietà jcr:data .
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 seleziona il file di immagine da 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
Fare 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 sulla cartella css e seleziona Crea > Crea file.
Nella finestra di dialogo Nuovo file , specifica il nome del CSS come customcss.css
(non puoi utilizzare un nome di file diverso) e fai 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");
}
Fare 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.
logo personalizzatoFigura: l'icona personalizzata nell'interfaccia utente Crea corrispondenza