Le traduzioni sono generate tramite traduzione automatica. In caso di conflitto tra il contenuto di una traduzione e la versione originale in Inglese, quest'ultima prevarrà. # Configura campi dinamici nell’interfaccia utente del generatore di interfaccia utente no code in Amazon Connect Questo argomento spiega come configurare i campi dinamici nei componenti per visualizzare i dati di runtime anziché i valori codificati durante la creazione di interfacce per agenti e clienti utilizzando il generatore di interfaccia utente no code in Amazon Connect. Potresti avere scenari in cui desideri che i dati visualizzati a un agente o un cliente vengano compilati dinamicamente anziché codificati. Ad esempio, se stai creando una schermata pop-up, puoi visualizzare il nome e l’ID del profilo del cliente. È necessario che i dati siano dinamici perché i valori di questi campi cambiano da contatto a contatto. Per compilare dinamicamente un campo componente: 1. Apri la scheda delle proprietà per quel componente. 1. Seleziona l’icona dinamica (l’icona del fulmine) che appare accanto al campo che desideri rendere dinamico. I campi più comuni che richiedono valori dinamici sono: + Il campo **Valore** per i campi di visualizzazione. + Il **DefaultValue**campo negli input del modulo. È tecnicamente possibile determinare dinamicamente in fase di runtime qualsiasi campo visibile e nascosto a un agente. Questo è il motivo per cui ogni campo nella scheda **Proprietà** può essere impostato su dinamico (l’icona del fulmine). Ad esempio, guardate il **AttributesBar**componente nell'immagine seguente. ![Un componente della barra degli attributi, con il valore impostato su dinamico.](http://docs.aws.amazon.com/it_it/connect/latest/adminguide/images/no-code-ui-builder-attributebar-example.png) + L’etichetta dell’attributo 1 è definita staticamente come **Nome del cliente**. + Il **Valore** dell’attributo è impostato su dinamico (è selezionata l’icona del fulmine). Con queste impostazioni, il valore di **AttributesBar**è determinato dai dati che vengono passati al [Mostra vista](show-view-block.md) blocco in fase di esecuzione. Quando un campo è impostato su dinamico, il relativo valore statico viene sostituito con un riferimento dinamico. Sotto il campo viene visualizzata una sezione **Dati di esempio**. Questa sezione viene utilizzata per definire [dati di esempio](no-code-ui-builder-sample-data.md). Il riferimento dinamico riflette la struttura dei dati prevista dal blocco [Mostra vista](show-view-block.md) durante l’impostazione dei dati di runtime. Ad esempio, considerate il **valore** dell'attributo 1 nel [AttributesBar](https://d3irlmavjxd3d8.cloudfront.net/?path=/docs/ui-component-attributebar--with-attributes)componente, mostrato nell'immagine seguente. ![Il valore dell'attributo 1 nel AttributesBar componente quando è dinamico.](http://docs.aws.amazon.com/it_it/connect/latest/adminguide/images/no-code-ui-builder-dynamicicon.png) + Se impostato su dinamico, il campo diventa `$.AttributeBar_1.Attributes[0].Value` dove `AttributeBar_1` è l’ID del componente. + Ciò indica che nel blocco [Mostra vista](show-view-block.md), il campo `AttributeBar_1` dovrebbe ricevere un oggetto. + L’oggetto contiene un array `Attributes` in cui il primo elemento (`[0]`) dovrebbe essere un oggetto con un campo `Value`. È possibile modificare i riferimenti dinamici per motivi di chiarezza o riutilizzabilità. I riferimenti dinamici possono essere condivisi tra più campi e componenti all’interno della vista. Ad esempio, nell'immagine seguente del [AttributeBar](https://d3irlmavjxd3d8.cloudfront.net/?path=/docs/ui-component-attributebar--with-attributes)componente, aggiorniamo il riferimento dinamico a`$.myAttributeValue`. Il blocco [Mostra vista](show-view-block.md) ha ora un campo `myAttributeValue` che prevede l’immissione di una stringa. ![Le proprietà del AttributeBar componente, un valore dinamico.](http://docs.aws.amazon.com/it_it/connect/latest/adminguide/images/no-code-ui-builder-dynamic-example2.png) **Importante** Il tipo di riferimento dinamico deve corrispondere al tipo di campo previsto. Ad esempio, non è possibile utilizzare un riferimento dinamico basato su stringhe in un campo booleano. L’immagine seguente mostra un messaggio di errore di esempio quando il riferimento dinamico non corrisponde. ![Il pannello Personalizza, un messaggio di errore perché il riferimento dinamico non corrisponde al tipo previsto nel campo.](http://docs.aws.amazon.com/it_it/connect/latest/adminguide/images/no-code-ui-builder-properties-dynamic-fields-example-4.png) È anche possibile impostare tutte le proprietà di un attributo in un componente come dinamiche. Nell’immagine seguente, tutto ciò che riguarda questo attributo, inclusa l’etichetta, viene determinato in fase di runtime in base ai valori passati nel blocco [Mostra vista](show-view-block.md). Ad esempio, **Nome cliente** è ora costituito da dati di esempio che puoi utilizzare per avere un’idea di ciò che vedrà l’agente quando utilizza una guida, ma questo valore non è presentabile all’agente. ![Il pannello Personalizza, il Nome del cliente come dati di esempio.](http://docs.aws.amazon.com/it_it/connect/latest/adminguide/images/no-code-ui-builder-properties-dynamic-fields-example-5.png) Per alcuni componenti, ad esempio [AttributesBar](https://d3irlmavjxd3d8.cloudfront.net/?path=/docs/ui-component-attributebar--with-attributes), puoi anche impostare tutte le proprietà del componente come dinamiche. Ad esempio, con AttributeBar, puoi impostare scegli l'icona dinamica (il fulmine) per rendere dinamici tutti gli attributi. Gli attributi sono determinati da ciò che viene passato al blocco [Mostra vista](show-view-block.md) in fase di runtime. ![Tutte le proprietà di AttributeBar sono impostate su dinamiche.](http://docs.aws.amazon.com/it_it/connect/latest/adminguide/images/no-code-ui-builder-properties-dynamic-6.png)