Componente titolo modulo title-input-adaptive-forms-core-component
In un modulo adattivo, per “titolo” si intende il testo visualizzato nella parte superiore del modulo, in genere sotto l’intestazione. Il titolo viene specificato utilizzando il componente Titolo. Questo componente può essere aggiunto al layout del modulo e il relativo testo può essere modificato in base allo scopo o all’argomento del modulo. Il titolo funge da etichetta o breve descrizione del modulo per l’utente e consente di distinguere il modulo dagli altri.
Esempio
Utilizzo reasons-to-use-title-in-an-adaptive-form
Utilizzare un titolo in un modulo è consigliabile per diversi motivi:
-
Chiarezza: un titolo identifica chiaramente lo scopo del modulo, facilitando agli utenti la comprensione di quali informazioni devono fornire.
-
Organizzazione: un titolo può essere utile per organizzare i moduli in base all’argomento o allo scopo, facilitando agli utenti la ricerca del modulo di cui hanno bisogno.
-
Accessibilità: un titolo è un elemento chiave per gli utenti con esigenze di accessibilità, in quanto viene letto ad alta voce dalle utilità per la lettura dello schermo, per aiutare gli utenti a comprendere il contesto del modulo.
-
Branding: un titolo può essere utilizzato anche per visualizzare il nome di un’azienda o di un’organizzazione, il che contribuisce a creare un senso di fiducia e familiarità con l’utente.
-
Navigazione: un titolo può anche essere utile per spostarsi all’interno del modulo, soprattutto se è lungo o complesso.
-
Search Engine Optimization (SEO): l’utilizzo di un titolo del modulo è utile anche nella SEO, in quanto i motori di ricerca utilizzano il titolo per determinare la rilevanza di una pagina web per una query di ricerca.
Nel complesso, il titolo di un modulo è un aspetto importante dell’esperienza utente e dovrebbe essere utilizzato per fornire un’etichetta chiara e concisa per il modulo, in modo da consentire agli utenti di comprendere il contesto e lo scopo del modulo.
Versione e compatibilità version-and-compatibility
Il componente core Pannello a soffietto moduli adattativi è stato rilasciato a febbraio 2023 come parte dei Componenti core 2.0.4 per Cloud Service e i Componenti core 1.1.12 per AEM Forms 6.5.16.0 o versioni successive. Di seguito è riportata una tabella che mostra tutte le versioni supportate, la compatibilità AEM e i collegamenti alla documentazione corrispondente:
versione 2.0.4 e successive
versione 1.1.12 e successive, ma precedenti a 2.0.0.
Per informazioni sulle versioni dei componenti core, consulta il documento Versioni dei componenti core.
Dettagli tecnici technical-details
Per informazioni aggiornate sul componente core del titolo per moduli adattivi, consulta la documentazione tecnica disponibile su GitHub. Per ulteriori informazioni sullo sviluppo dei componenti core, consulta la Documentazione per gli sviluppatori di componenti core.
Finestra di dialogo per la configurazione configure-dialog
Puoi personalizzare facilmente l’esperienza del titolo per i visitatori tramite la finestra di dialogo Configura. Puoi anche definire le opzioni titolo con facilità per un’esperienza utente semplice.
La finestra di dialogo per modifica consente all’autore di contenuto di definire il testo del titolo e selezionare il livello dell’intestazione.
-
Titolo : con il relativo titolo è possibile identificare facilmente un componente in un modulo e, per impostazione predefinita, il titolo viene visualizzato sopra il componente. Se non aggiungi un titolo, al posto del testo del titolo viene visualizzato il nome del componente.
-
Tipo/Dimensione: definisce il livello di intestazione del titolo.
-
ID: questa opzione consente di controllare l’identificatore univoco del componente nel codice HTML e nel livello dati.
- Se non specificato, viene generato automaticamente un ID univoco reperibile sulla pagina risultante.
- Se l’ID viene specificato, è responsabilità dell’autore accertarsi che sia univoco.
- La modifica dell’ID può avere un impatto sul tracciamento di CSS, JS e Data Layer.
Finestra di dialogo per la progettazione design-dialog
La scheda Progettazione consente di definire e gestire gli stili CSS per il componente titolo del modulo.
Titolo
La scheda Titolo consente agli autori dei modelli di impostare elementi di intestazione HTML predefiniti e consentiti per gli autori dei moduli:
-
Elementi di intestazione consentiti: un elenco con più opzioni che consente all’autore del modello di scegliere gli elementi di intestazione utilizzabili dall’autore del modulo per il titolo.
-
Elemento di intestazione predefinito: elenco a discesa che imposta l’elemento Intestazione predefinito per il componente Titolo.
Scheda Stili styles-tab
La scheda è utilizzata per definire e gestire gli stili CSS per un componente. Il componente core selettore data dei moduli adattivi supporta il Sistema di stili di AEM.
-
Classi CSS predefinite: è possibile fornire una classe CSS predefinita per il componente core titolo dei moduli adattivi.
-
Stili consentiti: è possibile definire gli stili fornendo un nome e la classe CSS che rappresenta lo stile. Ad esempio, puoi creare uno stile denominato “testo in grassetto” e fornire la classe CSS “spessore carattere: grassetto”. Puoi utilizzare o applicare questi stili a un modulo adattivo nell’editor di moduli adattivi. Per applicare uno stile, nell’editor dei moduli adattivi, seleziona il componente a cui applicare lo stile, passa alla finestra di dialogo delle proprietà e seleziona lo stile desiderato dall’elenco a discesa Stili. Per aggiornare o modificare gli stili, è sufficiente tornare alla finestra di dialogo per la progettazione, aggiornare gli stili nella scheda Stili e salvare le modifiche.
Scheda Formati format-tab
La scheda dei formati consente di specificare i formati di data predefiniti e personalizzati.
Articoli correlati related-articles
- Pannello a soffietto
- Frammenti di moduli adattivi
- reCAPTCHA per modulo adattivo
- Pulsante
- Gruppo di caselle di selezione
- Casella di controllo
- Selettore data
- Elenco a discesa
- Contenitore modulo
- Titolo modulo
- Allegato file
- Piè di pagina
- Intestazione
- Immagine
- Casella numerica
- Pannello
- Telefono
- Scheda orizzontale
- Scheda verticale
- Pulsante di scelta
- Pulsante Ripristina
- Pulsante Invia
- Casella di testo
- Testo
- Scheda Termini e condizioni
- Procedura guidata
Consulta anche see-also
- Creare un modulo adattivo AEM
- Aggiungere un modulo adattivo AEM a una pagina AEM Sites
- Applicare i temi a un modulo adattivo AEM
- Aggiungere componenti a un modulo adattivo di AEM
- Utilizzare reCAPTCHA in un modulo adattivo AEM
- Generare la versione PDF (DoR) di un modulo adattivo AEM
- Tradurre un modulo adattivo AEM
- Abilitare Adobe Analytics per il monitoraggio dell’utilizzo dei moduli con un modulo adattivo
- Collegare un modulo adattivo a Microsoft SharePoint
- Collegare un modulo adattivo a Microsoft Power Automate
- Collegare un modulo adattivo a Microsoft OneDrive
- Collegare un modulo adattivo all’archiviazione BLOB di Microsoft Azure
- Collegare un modulo adattivo a Salesforce
- Utilizzare Adobe Sign in un modulo adattivo di AEM
- Aggiungere una nuova lingua per un modulo adattivo
- Inviare dati del modulo adattivo a un database
- Inviare dati del modulo adattivo a un endpoint REST
- Inviare dati del modulo adattivo al flusso di lavoro di AEM
- Usare il portale dei moduli per elencare moduli adattivi di AEM su un sito web di AEM