Il Componente “Campo Avatar”

consente di inserire all’interno del Profilo Utente un controllo attraverso il quale l’utente potrà associare al proprio profilo un’immagine a suo piacimento.

Tale immagine verrà poi utilizzata per identificare l’utente stesso all’interno dei commenti da lui effettuati in relazione alle varie notizie CMS pubblicate sul sito e/o ai vari prodotti presenti in catalogo.

NOTA BENE: per maggiori informazioni relativamente alla gestione dei commenti associati alle notizie CMS e/o ai prodotti presenti in catalogo si vedano i capitoli di questo manuale relativi al componente “Commenti Associati”.

Una volta inserito il Componente all’interno della pagina web, verrà aperta in automatico la sua maschera di gestione e configurazione.

suddivisa in varie sezioni.

All’interno della sezione “Dati Componente” sarà possibile inserire il contenuto e settare i principali parametri di configurazione del componente.

In particolare, per la tipologia di Componente in questione, sarà possibile impostare un valore per i seguenti parametri:

Nome: consente di impostare un nome per il Componente che si sta editando.

Pubblico (selezionato a default): consente di impostare la visibilità del componente lato sito web. Se selezionato il corrispondente componente verrà correttamente pubblicato e visualizzato all’interno del sito. Nel caso in cui invece tale parametro non sia selezionato, il corrispondente componente passerà in modalità “Offline”, sarà quindi visibile all’interno del Wizard, dove potrà essere normalmente gestito, ma non verrà pubblicato e visualizzato all’interno del sito.

Periodo di Pubblicazione: consente di associare al Componente in oggetto uno specifico periodo di pubblicazione, definendone l’effettiva data di pubblicazione e la corrispondente data di oscuramento.

Nel primo dei due campi disponibili occorrerà quindi indicare, utilizzando l’apposito calendario, la data di inizio pubblicazione. Nel secondo campo andrà invece specificata la data di fine pubblicazione.

ATTENZIONE! Le date indicate all’interno di questi campi verranno considerate solo ed esclusivamente nel caso in cui il precedente parametro “Pubblico” sia stato selezionato

Tab Index: consente di personalizzare l’ordine di tabulazione del form assegnando uno specifico numero d’ordine al campo in oggetto. Una volta assegnato un numero d’ordine ad ogni campo del form sarà poi possibile spostarsi da un elemento all’altro, utilizzando il tasto “TAB” e secondo l’ordine di tabulazione impostato.

Nel caso in cui si decida di personalizzare l’ordine di tabulazione degli elementi del form sarà necessario assegnare uno specifico numero d’ordine ad ogni singolo campo. In caso contrario il passaggio da un campo all’altro attraverso il tasto TAB si interromperà in corrispondenza del campo con l’ultimo numero d’ordine impostato.

NOTA BENE: il campo “Tab Index” non è un campo obbligatorio. Nel caso in cui si decida di non personalizzare l’ordine di tabulazione del form sarà poi il browser a definire gli spostamenti da un campo all’altro attraverso il tasto TAB

Id/Name: consente di personalizzare i selector HTML “id” e “name” per il componente in oggetto in modo tale da poterlo intercettare e personalizzare, a livello di CSS o di codice javascript, in maniera più semplice ed immediata.

Il valore inserito all’interno di questo campo verrà utilizzato per entrambi i selector indicati

Label (etichetta): consente di impostare l’etichetta che verrà visualizzata in corrispondenza del campo in oggetto

Condizione di Visibilità: consente di impostare una condizione in base alla quale poter definire quando il componente in oggetto dovrà o meno essere visibile all’interno del relativo form.

Nello specifico, tale condizione potrà essere definita sulla base:

• della nazione di appartenenza dell’utente
• del fatto che l’utente abbia dichiarato di essere un Privato oppure un’Azienda
• del fatto che l’utente abbia dichiarato di essere o meno un Ente Pubblico
• del fatto che l’utente abbia dichiarato o meno di voler ricevere la fattura elettronica

ATTENZIONE! Affinchè il controllo di visibilità possa funzionare in maniera corretta sarà quindi necessario verificare di aver inserito nel form di Registrazione / Profilo Utente appositi campi.

Per maggiori informazioni in merito a come poter impostare una specifica condizione di visibilità per un campo del form, si veda anche il successivo capitolo “Condizioni di visibilità e obbligatorietà per i campi interni al form di Registrazione/Profilo Utente” di questo manuale.

Campo Obbligatorio: consente di stabilire se il campo che si sta editando debba o meno essere obbligatoriamente compilato per poter procedere poi alla conferma del form.

Condizioni di Obbligatorietà: visualizzato solo nel caso in cui il precedente parametro “Campo Obbligatorio” sia stato impostato sul valore SI. Consente di impostare una condizione in base alla quale poter definire quando il componente in oggetto dovrà o meno essere considerato come obbligatorio per la corretta compilazione del form.

Nello specifico, tale condizione potrà essere definita sulla base:

• della nazione di appartenenza dell’utente
• del fatto che l’utente abbia dichiarato di essere un Privato oppure un’Azienda
• del fatto che l’utente abbia dichiarato di essere o meno un Ente Pubblico
• del fatto che l’utente abbia dichiarato o meno di voler ricevere la fattura elettronica

Per maggiori informazioni in merito a come poter impostare una specifica condizione di obbligatorietà per un campo del form, si veda anche il successivo capitolo “Condizioni di visibilità e obbligatorietà per i campi interni al form di Registrazione/Profilo Utente” di questo manuale.

Posizionamento dei Campi: consente di posizionare gli elementi principali del componente secondo uno schema prestabilito.

Nello specifico, gli elementi soggetti al tipo di posizionamento impostato mediante questo parametro saranno:

• L’immagine avatar
• La label
• I pulsanti (Modifica e Elimina Immagine)

E’ possibile selezionare uno dei seguenti valori:

• Affiancati a destra
• Affiancati a sinistra
• Affiancati e giustificati
• Affiancati e opposti
• Centrati e affiancati
• Centrati e Incolonnati
• Incolonnati a destra
• Incolonnati a sinistra
• Custom

ATTENZIONE! Nel caso in cui si decidesse di utilizzare uno dei preset presenti in elenco poi il posizionamento degli elementi sarà esattamente quello indicato e non potrà essere modificato in alcun modo.

L’opzione Custom consente invece di non applicare nessun preset particolare. In queste condizioni dunque il posizionamento dei vari elementi potrà essere variato liberamente agendo sulle corrette proprietà CSS mediante lo style editor di Passweb e/o mediante i relativi strumenti di editing avanzato.

Ordinamento di visualizzazione dei campi: visualizzato solo nel caso in cui il precedente parametro non sia stato impostato sul valore Custom.

Consente di definire l’ordine di visualizzazione degli elementi principali del componente in esame, permettendo dunque, già in fase di configurazione del componente stesso di decidere quale elemento dovrà essere visualizzato prima e quale dopo.

ATTENZIONE! Anche in questo caso l’opzione Custom, non attiva nessun tipo di preset per cui l’ordine di visualizzazione dei rispettivi elementi potrà essere variato liberamente agendo sulle corrette proprietà CSS mediante lo style editor di Passweb e/o mediante i relativi strumenti di editing avanzato.

Il pulsante “Salva” nella parte alta della maschera consentirà di salvare le modifiche apportate al Componente in oggetto.

NOTA BENE: per maggiori informazioni relativamente alle sezioni “Avanzate e Animazioni”, “Distribuzione” e “Protezione”, presenti nella maschera di gestione e configurazione di tutti i componenti Passweb, si veda anche il capitolo “ Varianti Responsive – Configurazione Componenti – Caratteristiche Generali ” di questo manuale.

Una volta inserito e configurato correttamente questo componente, comparirà all’interno del form del Profilo Utente un controllo del tipo di quello rappresentato in figura

Cliccando sul pulsante “Modifica Foto” l’utente avrà quindi la possibilità di caricare all’interno del proprio profilo un’immagine selezionandola direttamente tra quelle disponibili sul suo pc.

Il pulsante “Elimina Foto” consente invece di eliminare un’eventuale immagine precedentemente associata al profilo in oggetto.