Sommario
In questo articolo imparerete come formattare in modo condizionale le tabelle in Outlook. Vi mostrerò come aggiornare il colore del testo delle celle. e sfondo con il colore selezionato dall'elenco a discesa.
Preparazione
Prima di iniziare la nostra "lezione di disegno" e di imparare a formattare in modo condizionale le tabelle in Outlook, vorrei fare una piccola presentazione della nostra applicazione per Outlook chiamata Modelli di e-mail condivisi. Con questo pratico strumento potrete gestire la vostra corrispondenza in Outlook in modo rapido e semplice come potevate solo immaginare prima. Il componente aggiuntivo vi aiuterà a evitare i ripetuti copia-incolla e a creare e-mail dall'aspetto gradevole in un attimo.questione di pochi clic.
Ora è giunto il momento di tornare al nostro argomento principale: la formattazione condizionale nelle tabelle di Outlook. In altre parole, vi mostrerò come colorare le celle, i loro bordi e il loro contenuto con il colore desiderato. Innanzitutto, assicuratevi di ricordare come si creano le tabelle in Outlook.
Dato che colorerò le celle in base alla tonalità scelta dall'elenco a discesa, dovrò fare un'altra predisposizione. Se ricordate il mio tutorial su come creare modelli di e-mail compilabili, sapete che gli elenchi a discesa vengono creati con l'aiuto di insiemi di dati. Prendetevi un momento per aggiornare le vostre conoscenze su questo argomento, se vi sembra di aver dimenticato come gestire gli insiemi di dati, e andiamo avanti.
Ora devo pre-salvare un set di dati con i colori che utilizzerò (l'ho chiamato Set di dati con sconti ) e aggiungere l'opzione Cosa inserire con la selezione a discesa. Ecco il mio set di dati:
| Sconto | Codice colore |
| 10% | #70AD47 |
| 15% | #475496 |
| 20% | #FF0000 |
| 25% | #2E75B5 |
Se ci si chiede dove trovare questi codici, basta creare una tabella vuota, andare nella sua cartella Proprietà e scegliete un colore qualsiasi. Vedrete il suo codice nel campo corrispondente: copiatelo pure da lì. 
Creo la macro WHAT_TO_ENTER e la collego a questo set di dati perché mi servirà in seguito:
~%WhatToEnter[{dataset:'Dataset con sconti', colonna:'Sconto', titolo: Seleziona sconto'}].Questa piccola macro mi aiuterà a ottenere il menu a tendina degli sconti da cui scegliere. Una volta fatto, la parte necessaria della mia tabella sarà dipinta.
Capisco quanto possa sembrare poco chiaro, quindi non vi lascerò con questo malinteso e inizierò a mostrarvi come cambiare il colore del testo o evidenziare una cella. Utilizzerò esempi di base in modo che possiate farvi un'idea e riprodurre questa procedura con i vostri dati.
Cominciamo.
Cambiare il colore del carattere del testo nella tabella
Abbiamo preparato un modello con una tabella di esempio per i nostri esperimenti di pittura:
In altre parole, voglio incollare un modello, scegliere il tasso di sconto necessario dall'elenco a discesa e il testo incollato sarà colorato. Di che colore? Scorrendo il dataset nella parte di preparazione, si vedrà che ogni tasso di sconto ha un proprio codice colore. Questo è il colore desiderato che dovrebbe essereutilizzato.
Poiché vorrei che lo sconto fosse aggiunto dall'elenco a discesa, devo incollare la macro WhatToEnter in questa cella. Se avete bisogno di rinfrescarvi la memoria su questo argomento, date un'occhiata a uno dei miei tutorial precedenti ;)
Quindi, la tabella risultante avrà questo aspetto:
| Esempio di intestazione 1 | Esempio di intestazione 2 | Esempio di intestazione 3 |
| ~%WhatToEnter[ {dataset:'Dataset con sconti', colonna:'Sconto', titolo:'Seleziona sconto'} ] sconto |
Il tasso di sconto verrà aggiunto dall'elenco a discesa e la parola "sconto" sarà comunque presente.
Ma come posso impostare il modello in modo che il testo venga dipinto nel colore corrispondente? In realtà è abbastanza facile, basta aggiornare un po' l'HTML del modello. Finiamo la parte teorica e passiamo alla pratica.
Colorare tutto il testo nella cella della tabella
Per prima cosa, apro il codice HTML del mio modello e lo controllo attentamente: 
Ecco come appare il mio modello in HTML: 
Nota: più avanti pubblicherò tutti i codici HTML come testo, in modo che possiate copiarli nei vostri modelli e modificarli nel modo desiderato.
Osserviamo da vicino l'HTML qui sopra. La prima riga è costituita dalle proprietà del bordo della tabella (stile, larghezza, colore, ecc.). Poi la prima riga
Mi interessa il primo elemento della seconda riga con il mio WHAT_TO_ENTER. La colorazione avverrà aggiungendo il seguente pezzo di codice:
TESTO_DA_COLORAREVi spiegherò in che modo è possibile farlo:
- Il COLORE Se si sostituisce il parametro con, diciamo, "rosso", il testo diventerà rosso. Tuttavia, poiché il mio compito è quello di scegliere un colore dall'elenco a discesa, tornerò per un attimo alla preparazione e prenderò il mio preparato Cosa inserire macro da lì: ~%WhatToEnter[{dataset:'Dataset con sconti', colonna:'Sconto', titolo: Seleziona lo sconto'}]
- TESTO_DA_COLORARE è il testo che deve essere ombreggiato. Nel mio esempio particolare, sarebbe " ~%WhatToEnter[{dataset:'Dataset con sconti', colonna:'Sconto', titolo:'Seleziona sconto'}] sconto " (copiare questo pezzo dal codice HTML originale per evitare la corruzione dei dati).
Ecco il nuovo pezzo di codice che inserirò nel mio HTML:
Nota: avrete notato che il parametro "colonna" è diverso in queste due macro, perché ho bisogno di restituire il valore di colonne diverse, ossia colonna:'Codice colore' restituirà il colore che dipingerà il testo mentre colonna:'Sconto' - il tasso di sconto da incollare in una cella.
Sorge una nuova domanda: in quale punto dell'HTML dovrei inserirlo? Parlando in generale, questo testo dovrebbe sostituire TESTO_DA_COLORARE. Nel mio esempio, sarebbe la prima colonna (
Una volta salvate le modifiche e incollato il modello aggiornato, una finestra pop-up mi chiederà di scegliere uno sconto. Scelgo il 10% e il mio testo si colora subito di verde. 
Ombreggia parte del contenuto della cella
La logica per colorare solo una parte del contenuto della cella è fondamentalmente la stessa: si sostituisce solo il testo da colorare con il codice del capitolo precedente, lasciando il resto del testo invariato.
In questo esempio, se ho bisogno di colorare solo la percentuale (senza la parola "sconto"), aprirò il codice HTML, selezionerò la parte che non deve essere colorata ("sconto" nel nostro caso) e la sposterò fuori dal tag: 
Se state preparando la colorazione fin dall'inizio, tenete presente che il testo colorato in futuro va al posto di TESTO_DA_COLORARE Ecco il mio HTML rinnovato:
Ho inserito solo una parte del contenuto della cella all'interno dei tag, quindi solo questa parte sarà colorata quando si incolla. 
Applicare la formattazione condizionale alle celle della tabella
Ora cambiamo un po' il compito e cerchiamo di evidenziare non il testo ma lo sfondo dell'intera cella nella stessa tabella di esempio.
Evidenziare una cella
Poiché sto modificando la stessa tabella, non mi ripeterò e incollerò il codice HTML della tabella originale anche in questo capitolo. Scorrete un po' in alto o saltate direttamente al primo esempio di questo tutorial per vedere il codice invariato della tabella non colorata.
Se voglio ombreggiare lo sfondo della cella con lo sconto, dovrò anche modificare un po' l'HTML, ma la modifica sarà diversa dalla colorazione del testo. La differenza principale è che il colore non deve essere applicato al testo ma all'intera cella.
La cella da evidenziare appare così nel formato HTML:
Poiché voglio evidenziare una cella, le modifiche devono essere applicate all'attributo della cella, non al testo. Suddividerò la riga precedente in parti, chiarirò ciascuna di esse e indicherò le parti che devono essere modificate:
- "style=" significa che la cella della riga ha le seguenti proprietà di stile. È qui che facciamo la prima pausa. Poiché devo impostare un colore di sfondo personalizzato, modifico stile a stile set di dati .
- "larghezza: 32,2925%; bordo: 1px solido nero;" - Queste sono le proprietà di stile predefinite che intendevo sopra. Devo aggiungerne un'altra per personalizzare lo sfondo della cella scelta: colore di sfondo Poiché il mio obiettivo è scegliere il colore da utilizzare da un elenco a discesa, torno alla mia preparazione e prendo il WhatToEnter pronto da lì.
Suggerimento: se si desidera che la cella sia dipinta con un unico colore e non si vuole che l'elenco a discesa ci disturbi ogni volta, basta sostituire una macro con il nome del colore ("blu", ad esempio). L'aspetto sarà questo: ~%WhatToEnter[{dataset:'Dataset con sconti', colonna:'Sconto', titolo:'Seleziona sconto'}] sconto
- " Sconto ~%WhatToEnter[] " è il contenuto della cella.
Ecco l'aspetto aggiornato dell'HTML:
Il resto della tabella rimane così com'è. Ecco l'HTML risultante che evidenzierà la cella con il tasso percentuale:
Quando salvo questa modifica e incollo la tabella aggiornata in un'e-mail, otterrò l'elenco a discesa con gli sconti e la prima cella sarà evidenziata come previsto. 
Colore dell'intera riga
Quando una cella non è sufficiente, dipingo l'intera riga :) Potreste pensare di dover applicare i passaggi della sezione precedente per tutte le celle di una riga. Mi affretto a deludervi, la procedura sarà leggermente diversa.
Nelle istruzioni precedenti vi ho mostrato come aggiornare lo sfondo della cella modificando il pezzo HTML di questa cella. Poiché ora sto per ridipingere l'intera riga, dovrò prendere la sua riga HTML e applicare le modifiche direttamente ad essa.
Ora è privo di opzioni e si presenta come . Dovrò aggiungere stile dei dati= e incollare il mio WHAT_TO_ENTER lì. Nel risultato, la riga avrà l'aspetto seguente:
In questo modo, l'intero HTML della tabella con la cella da dipingere avrà il seguente aspetto:
Sentitevi liberi di copiare questo HTML per i vostri modelli per assicurarvi che funzioni nel modo descritto. In alternativa, fidatevi dello screenshot qui sotto :) 
Riassumere
Questo è tutto quello che volevo dirvi oggi sulla formattazione condizionale nelle tabelle di Outlook. Vi ho mostrato come cambiare il colore del contenuto delle celle ed evidenziare il loro sfondo. Spero di essere riuscito a convincervi che non c'è nulla di speciale e difficile nel modificare l'HTML del modello e che farete qualche esperimento di pittura per conto vostro ;)
Inoltre, lo strumento può essere installato dal Microsoft Store su PC, Mac o tablet Windows e utilizzato contemporaneamente su tutti i dispositivi.
Se avete domande o, magari, suggerimenti sulla formattazione delle tabelle, fatemelo sapere nei Commenti. Sarò felice di sentirvi!
