È possibile personalizzare il layout e il posizionamento dei messaggi di errore di un modulo adattivo. Potete eseguire le seguenti personalizzazioni:
È possibile personalizzare il layout di un singolo campo o di tutti i campi per modificare la posizione di didascalie e messaggi di errore. Per applicare un layout personalizzato a un campo, effettuare le operazioni seguenti:
Per applicare un layout personalizzato a un singolo campo, effettuate le seguenti operazioni:
Aprire il modulo in modalità Stile. Per aprire il modulo in modalità stile, nella barra degli strumenti della pagina toccare > Stile.
Nella barra laterale, in Oggetti modulo, selezionare il campo e toccare il pulsante di modifica .
Selezionate lo stato del campo da personalizzare e specificate lo stile per tale stato.
Con AEM Forms è ora possibile creare un tema e applicarlo al modulo. L’editor di temi consente di specificare lo stile dei componenti modulo in un’unica posizione. Quando create un tema, specificate lo stile a livello di componente. Per ulteriori informazioni sui temi, vedere Temi in AEM Forms.
Creare un tema utilizzando l'Editor tema per personalizzare il layout di tutti i campi del modulo. Dopo aver creato un tema, effettuare le seguenti operazioni per applicarlo a un modulo:
Aprire CRXDE lite. L'URL predefinito è https://'[server]:[porta]'/crx/de.
Copiate un layout di campo dal nodo /libs/fd/af/layouts/field (ad esempio, defaultFieldLayout) al nodo /apps (ad esempio, /apps/af-field-layout).
Rinominare il nodo copiato e il file defaultFieldLayout.jsp. Ad esempio, errorOnRight.jsp.
Modificate il valore delle proprietà qtip e jcr:description del nodo copiato. Ad esempio, modificare il valore delle proprietà in Errore a destra
Per aggiungere nuovi stili e comportamenti, create una libreria client nel nodo /etc.
Ad esempio, nel percorso /etc/af-field-layout-clientlib, creare il nodo client-library. Aggiungete la proprietà category con il file af.field.errorOnRight e style.less con il seguente codice:
.widgetErrorWrapper {
height: 38px;
margin: 5px;
.guideFieldWidget{
width: 60%;
float: left;
}
.guideFieldError{
overflow:hidden;
width:40%;
}
}
Per migliorare l'aspetto e il comportamento, includete la libreria client creata nel file di layout (errorOnRight.jsp).
Aprire la finestra di dialogo di modifica del campo e selezionare la scheda Attribuzione stile. Nella casella a discesa Configura layout campo, selezionare il layout appena creato e fare clic su OK.
Il pacchetto ErrorOnRight.zip contiene codice che mostra i messaggi di errore sul lato destro dei campi.