Format condicional a les taules d'Outlook

  • Comparteix Això
Michael Brown

En aquest article aprendràs a formatar condicionalment les taules a l'Outlook. Us mostraré com actualitzar la pintura del text de les cel·les i el fons amb el color que seleccioneu a la llista desplegable.

    Preparació

    Abans de començar la nostra "lliçó de dibuix" i aprendre a formatar condicionalment taules a Outlook, m'agradaria fer una petita introducció de la nostra aplicació per a Outlook anomenada Plantilles de correu electrònic compartit. Amb aquesta pràctica eina gestionaràs la teva correspondència a l'Outlook de la manera més ràpida i senzilla que podries imaginar abans. El complement us ajudarà a evitar còpies i enganxes repetitives i a crear correus electrònics d'aspecte agradable en qüestió de pocs clics.

    Ara és hora de tornar al nostre tema principal: el format condicional a les taules d'Outlook. En altres paraules, us mostraré com acolorir les cel·les, les seves vores i el contingut amb el color desitjat. En primer lloc, assegureu-vos de recordar com crear taules a l'Outlook.

    Com que aniré acolorint cel·les segons el to que escolliu a la llista desplegable, hauré de fer una altra disposició prèvia. Si recordeu el meu tutorial sobre com crear plantilles de correu electrònic que es poden omplir, sabeu que les llistes desplegables es creen amb l'ajuda de conjunts de dades. Preneu-vos un moment per actualitzar els vostres coneixements sobre aquest tema si creieu que heu oblidat com gestionar els conjunts de dades i seguim endavant.

    Ara necessito desar prèviament un conjunt de dades amb els colors que faré. utilitzar (ho vaig direncantat d'escoltar-te!

    Conjunt de dades amb descomptes) i afegiu la macro WhatToEnteramb la selecció desplegable. Per tant, aquí teniu el meu conjunt de dades:
    Descompte Codi de color
    10% #70AD47
    15% #475496
    20% #FF0000
    25% #2E75B5

    Si us pregunteu on podeu obtenir aquests codis, només heu de crear una taula buida, vés a les seves Propietats i escolliu qualsevol color. Veureu el seu codi al camp corresponent, no dubteu a copiar-lo directament des d'allà.

    Creo la macro WHAT_TO_ENTER i la connecto a aquest conjunt de dades ja que la necessitaré més endavant:

    ~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title: Select descompte'}]

    Aquesta macro petita m'ajudarà a obtenir el menú desplegable de descomptes per triar. Un cop ho faci, es pintarà la part necessària de la meva taula.

    Entenc el poc clar que pot semblar ara, així que no us deixaré amb aquest malentès i començaré a mostrar com canviar el color del text. o ressaltar una cel·la. Faré servir mostres bàsiques perquè pugueu fer-vos una idea i reproduir aquest procediment amb les vostres pròpies dades.

    Comencem-ho.

    Canvieu el color de la lletra del text a la taula

    Comencem per ombrejar algun text a la taula. He preparat una plantilla amb una taula de mostra per als nostres experiments de pintura:

    Capçalera de mostra 1 Capçalera de mostra 2 Capçalera de la mostra3 [La taxa de descompte s'ha d'introduir aquí]

    El meu L'objectiu és pintar el text amb el color corresponent en funció de la selecció desplegable. En altres paraules, vull enganxar una plantilla, triar la taxa de descompte necessària de la llista desplegable i aquest text enganxat serà acolorit. De quin color? Desplaceu-vos fins al conjunt de dades a la part de preparació, veureu que cada taxa de descompte té el seu propi codi de color. Aquest és el color desitjat que s'ha d'utilitzar.

    Com que m'agradaria que el descompte s'afegeixi a la llista desplegable, he d'enganxar la macro WhatToEnter en aquesta cel·la. Creus que necessites refrescar la memòria sobre aquest tema? Preneu-vos un moment per consultar un dels meus tutorials anteriors ;)

    Així doncs, la taula resultant tindrà aquest aspecte:

    Capçalera de mostra 1 Capçalera de mostra 2 Capçalera de mostra 3
    ~%WhatToEnter[ {dataset:'Dataset with discounts', column:'Discount', title:'Select descompte'} ] descompte

    Mireu, la taxa de descompte s'afegirà a la llista desplegable i la paraula "descompte" hi serà de totes maneres.

    Però com puc configurar la plantilla perquè el text es pinti amb el color corresponent? De fet, bastant fàcilment, només hauré d'actualitzar una mica l'HTML de la plantilla. Acabem la part de teoria i passem a la dreta a la pràctica.

    Acoloreix tot el text a la cel·la de la taula

    Primerapagat, obro el codi HTML de la meva plantilla i ho comprovo amb cura:

    Així és com es veu la meva plantilla en HTML:

    Nota. Més endavant publicaré tots els codis HTML com a text perquè els pugueu copiar a les vostres pròpies plantilles i modificar-los de la manera que vulgueu.

    Fem una ullada molt propera a l'HTML anterior. La primera línia són les propietats de la vora de la taula (estil, amplada, color, etc.). Després va la primera fila (3 elements de cel·la de dades de la taula per a 3 columnes) amb els seus atributs. Aleshores veiem el codi de la segona fila.

    Estic interessat en el primer element de la segona fila amb el meu WHAT_TO_ENTER. El color es farà afegint el següent fragment de codi:

    TEXT_TO_BE_COLORED

    El dividiré en trossos per a tu i aclareixo cadascun d'ells:

    • El COLOR gestiona la pintura. Si el substituïu per, diguem-ne, "vermell", aquest text es tornarà vermell. Tanmateix, com que la meva tasca és triar un color de la llista desplegable, tornaré a la preparació durant un segon i agafaré la meva macro WhatToEnter preparada des d'allà: ~%WhatToEnter[{dataset: 'Conjunt de dades amb descomptes',columna:'Descompte',títol: Selecciona el descompte'}]
    • TEXT_TO_BE_COLORED és el text que s'ha d'ombrejar. En el meu exemple particular, seria " ~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'Select discount'}] discount " (copieu aquesta peça directament des deel codi HTML original per evitar la corrupció de dades).

    Aquí hi ha el nou fragment de codi que inseriré al meu HTML:

    ~%WhatToEnter[{dataset:'Dataset with descomptes',column:'Descompte',title:'Selecciona el descompte'}] descompte

    Nota. És possible que hàgiu notat que el paràmetre "columna" és diferent en aquestes dues macros. És perquè necessito retornar el valor de diferents columnes, és a dir, columna:'Codi de color' retornarà el color que pintarà el text mentre que columna:'Descompte' - el descompte taxa per enganxar en una cel·la.

    Sorgeix una nova pregunta: a quin lloc de l'HTML l'he de col·locar? En termes generals, aquest text hauria de substituir TEXT_TO_BE_COLORED. A la meva mostra, seria la primera columna ( ) de la segona fila (columna). Per tant, substitueixo la macro WTE i la paraula "descompte" pel codi anterior i obteniu el següent HTML:

    Mostra de capçalera 1

    Mostra de capçalera 2

    Mostra de capçalera 3

    ~%WhatToEnter[{dataset:'Conjunt de dades amb descomptes',column:'Descompte',title:'Selecciona el descompte' }] descompte

    Un cop desi els canvis i enganxe aquesta plantilla actualitzada, una finestra emergent em demanarà que escolliu un descompte. Trio un 10% i el meu text es pinta de verd de seguida.

    Ombreu part del contingut de la cel·la

    La lògica per pintar només una part del contingut de la cel·lael contingut és bàsicament el mateix: substituïu només el text a tenyir pel codi del capítol anterior deixant la resta del text tal qual.

    En aquest exemple, si només he de pintar el percentatge. (sense la paraula "descompte"), obriré el codi HTML, seleccionaré la part que no cal que tingui color ("descompte" en el nostre cas) i la trauré fora de l'etiqueta:

    En Si feu els preparatius per pintar des del principi, tingueu en compte que el text de color futur va en lloc de TEXT_TO_BE_COLORED , la resta es queda després del final . Aquí teniu el meu HTML renovat:

    Mostra de capçalera 1

    Mostra de capçalera 2

    Mostra de capçalera 3

    ~%WhatToEnter[{dataset:'Conjunt de dades amb descomptes',column:'Descompte',title:'Selecciona el descompte'}] descompte

    Veus? He col·locat només una part del contingut de la meva cel·la dins de les etiquetes, per tant, només aquesta part es pintarà en enganxar.

    Aplica el format condicional a les cel·les de la taula

    Ara canviem una mica la tasca i intentem ressaltar no el text sinó el fons de les cel·les senceres a la mateixa taula de mostra.

    Ressalteu una cel·la

    Com que estic modificant la mateixa taula, no em repetiré ni enganxaré el codi HTML de la taula original també en aquest capítol. Desplaceu-vos una mica cap amunt o aneu directament al primer exempleaquest tutorial per veure el codi sense canvis de la taula sense colors.

    Si vull ombrejar el fons de la cel·la amb el descompte, també hauré de modificar una mica l'HTML, però la modificació serà diferent de la coloració del text. La diferència principal és que el color no s'ha d'aplicar al text, sinó a tota la cel·la.

    La cel·la que s'ha de ressaltar té aquest aspecte en format HTML:

    ~%WhatToEnter [{dataset:'Dataset with discounts',column:'Discount',title:'Select discount'}] discount

    Com que vull destacar una cel·la, els canvis s'han d'aplicar a l'atribut de la cel·la, no enviar un missatge. Trencaré la línia anterior en parts, aclareixo cadascuna d'elles i assenyalaré les parts que s'han de canviar:

    • “style=” significa que la cel·la de la fila té les següents propietats d'estil. Aquí és on fem el nostre primer descans. Com que he de definir un color de fons personalitzat, canvio style per data-set-style .
    • "amplada: 32,2925%; vora: 1px negre sòlid;" : aquestes són les propietats d'estil predeterminades que volia dir més amunt. Necessito afegir-ne un altre per personalitzar el fons de la cel·la escollida: background-color . Com que el meu objectiu és triar el color que vull utilitzar d'una llista desplegable, torno a la meva preparació i des d'allà agafo WhatToEnter.

    Consell. Si voleu que la cel·la estigui pintada d'un sol color i no voleu que la llista desplegable us molesti cada vegada,només cal substituir una macro pel nom del color ("blau", per exemple). Es veurà així: ~%WhatToEnter[{dataset:'Conjunt de dades amb descomptes',column:'Descompte',title:'Selecciona descompte'}] descompte

    • ~%WhatToEnter[] discount ” és el contingut de la cel·la.

    Així doncs, aquí teniu l'aspecte HTML actualitzat:

    ~ %WhatToEnter[{dataset:'Conjunt de dades amb descomptes',column:'Descompte',title:'Seleccioneu el descompte'}] descompte

    La resta de la taula es manté com està. Aquí va l'HTML resultant que ressaltarà la cel·la amb el percentatge:

    Mostra de capçalera 1

    Mostra de capçalera 2

    Mostra de capçalera 3

    ~%WhatToEnter[{dataset:'Conjunt de dades amb descomptes',column:'Descompte',title:'Selecciona descompte'}] descompte

    Quan desi aquest canvi i enganxo la taula actualitzada en un correu electrònic, obtindré la llista desplegable amb descomptes i la primera cel·la es destacarà tal com estava previst.

    Acoloreix tota la fila

    Quan no n'hi ha prou amb una cel·la, pinto tota la fila :) Potser penseu que haureu d'aplicar els passos de la secció anterior per a totes les cel·les de una fila. M'afanyaré a decebre't, el procediment serà una mica diferent.

    A les instruccions anteriors t'he mostrat com actualitzar el fons de la cel·la modificant la peça HTML d'aquesta cel·la. Des d'ara estic a punt de pintar-lo sencerfila, hauré d'agafar la seva línia HTML i aplicar-hi els canvis directament.

    Ara no té opcions i sembla . Necessitaré per afegir data-set-style= i enganxar el meu WHAT_TO_ENTER allà. En el resultat, la línia es veurà com la següent:

    Així, tot l'HTML de la taula amb la cel·la a pintar tindrà aquest aspecte:

    Mostra de capçalera 1

    Capçalera de mostra 2

    Capçalera de mostra 3

    ~%WhatToEnter[{dataset :'Conjunt de dades amb descomptes',columna:'Descompte',títol:'Selecciona el descompte'}] descompte

    No dubteu a copiar aquest HTML per a les vostres pròpies plantilles per assegurar-vos que funciona com jo descric. Alternativament, confieu en la captura de pantalla següent :)

    Resum

    Això és tot el que us volia dir sobre el format condicional a les taules d'Outlook avui. Us vaig mostrar com canviar el color del contingut de les cel·les i ressaltar-ne el fons. Espero haver aconseguit convèncer-te que no hi ha res especial i difícil a l'hora de modificar l'HTML de la plantilla i que faràs uns quants experiments de pintura pel teu compte ;)

    Per a tu, l'eina es pot instal·lar des de Microsoft Store al teu Tauleta per a PC, Mac o Windows i s'utilitza a tots els teus dispositius simultàniament.

    Si tens cap pregunta o, potser, suggeriments sobre el format de les taules, fes-m'ho saber als comentaris. Jo seré

    Michael Brown és un entusiasta de la tecnologia dedicat amb una passió per simplificar processos complexos mitjançant eines de programari. Amb més d'una dècada d'experiència en la indústria tecnològica, ha perfeccionat les seves habilitats en Microsoft Excel i Outlook, així com en Google Sheets i Docs. El bloc de Michael es dedica a compartir els seus coneixements i experiència amb altres persones, oferint consells i tutorials fàcils de seguir per millorar la productivitat i l'eficiència. Tant si sou un professional experimentat com si sou un principiant, el bloc de Michael ofereix valuoses idees i consells pràctics per treure el màxim profit d'aquestes eines de programari essencials.