Táboa de contidos
Neste artigo aprenderás a formatar condicionalmente táboas en Outlook. Vou amosarche como actualizar a pintura do texto das celas e o fondo coa cor que seleccionas na lista despregable.
Preparación
Antes de comezar a nosa "lección de debuxo" e aprender a formatar condicionalmente táboas en Outlook, gustaríame facer unha pequena introdución de a nosa aplicación para Outlook chamada Modelos de correo electrónico compartido. Con esta práctica ferramenta xestionarás a túa correspondencia en Outlook tan rápido e facilmente como só podías imaxinar antes. O complemento axudarache a evitar copias e pegas repetitivas e a crear correos electrónicos atractivos en cuestión de poucos clics.
Agora é hora de volver ao noso tema principal: o formato condicional nas táboas de Outlook. Noutras palabras, mostrarei como colorear as celas, os seus bordos e o contido na cor desexada. En primeiro lugar, asegúrate de lembrar como crear táboas en Outlook.
Como vou colorear as celas en función do ton que escolla na lista despregable, terei que facer un arranxo máis. Se lembras o meu tutorial sobre como crear modelos de correo electrónico que se poden encher, sabes que as listas despregábeis créanse coa axuda de conxuntos de datos. Dedique un momento a actualizar os seus coñecementos sobre este tema se cre que esqueceu como xestionar conxuntos de datos e seguimos adiante.
Agora necesito gardar previamente un conxunto de datos coas cores que vou usar. uso (chameinoencantado de escoitar de ti!
Conxunto de datos con descontos) e engade a macro WhatToEntercoa selección do menú despregable. Entón, aquí está o meu conxunto de datos:Desconto | Código de cores |
10% | #70AD47 |
15% | #475496 |
20% | #FF0000 |
25% | #2E75B5 |
Se te preguntas onde conseguir eses códigos, simplemente crea unha táboa baleira, vai ás súas Propiedades e escolle calquera cor. Verás o seu código no campo correspondente, non dubides en copialo desde alí.
Creo a macro WHAT_TO_ENTER e conéctoa a este conxunto de datos xa que a necesitarei máis tarde:
~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title: Select desconto'}]Esta pequena macro axudarame a obter o menú despregable de descontos para escoller. Unha vez que o faga, pintarase a parte necesaria da miña táboa.
Entendo o pouco claro que pode parecer agora, así que non che deixarei con este malentendido e comezarei a mostrar como cambiar a cor do texto. ou resalte unha cela. Usarei mostras básicas para que poidas facerte unha idea e reproducir este procedemento cos teus propios datos.
Comecemos.
Cambia a cor da fonte do texto na táboa
Comecemos sombreando algún texto na táboa. Preparei un modelo cunha táboa de mostra para os nosos experimentos de pintura:
O meu O obxectivo é pintar o texto na cor correspondente dependendo da selección do menú despregable. Noutras palabras, quero pegar un modelo, escolla a taxa de desconto necesaria na lista despregable e este texto pegado será coloreado. En que cor? Desprázate ata o conxunto de datos na parte de preparación, verás que cada taxa de desconto ten o seu propio código de cores. Esta é a cor desexada que se debe usar.
Como me gustaría que se engada o desconto na lista despregable, teño que pegar a macro WhatToEnter nesta cela. Pensas que necesitas refrescar a túa memoria sobre este tema? Tómese un momento para consultar un dos meus titoriais anteriores ;)
Así, a táboa resultante terá un aspecto así:
Encabezado de mostra 1 | Exemplo de cabeceira 2 | Exemplo de cabeceira 3 |
~%WhatToEnter[ {dataset:'Dataset with discounts', column:'Discount', title:'Select desconto'} ] desconto |
Mira, a taxa de desconto engadirase na lista despregable e a palabra "desconto" estará alí igualmente.
Pero como podo configurar o modelo para que o texto quede pintado na cor correspondente? En realidade, con bastante facilidade, só necesitarei actualizar un pouco o HTML do modelo. Rematemos a parte teórica e pasemos á dereita á práctica.
Core todo o texto da cela da táboa
Primeirodesactivado, abro o código HTML do meu modelo e comprobo coidadosamente:
Así é o aspecto do meu modelo en HTML:
Nota. Máis adiante publicarei todos os códigos HTML como texto para que poidas copialos nos teus propios modelos e modificalos como queiras.
Démoslle unha ollada moi atenta ao HTML anterior. A primeira liña son as propiedades do bordo da táboa (estilo, ancho, cor, etc.). Despois vai a primeira fila
Interésame o primeiro elemento da segunda fila co meu WHAT_TO_ENTER. A cor farase engadindo o seguinte anaco de código:
TEXT_TO_BE_COLOREDVoille dividir en anacos e aclarar cada un deles:
- O COLOR parámetro xestiona a pintura. Se o substitúe por, digamos, "vermello", este texto pasará a ser vermello. Non obstante, como a miña tarefa é escoller unha cor da lista despregable, volverei á preparación por un segundo e tomarei a miña macro WhatToEnter preparada desde alí: ~%WhatToEnter[{dataset: 'Conxunto de datos con descontos',columna:'Desconto',título: Seleccionar desconto'}]
- TEXT_TO_BE_COLORED é o texto que se debe sombrear. No meu exemplo particular, sería " ~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'Select discount'}] discount " (copie esta peza directamente desdeo código HTML orixinal para evitar a corrupción dos datos).
Aquí está o novo fragmento de código que inserirei no meu HTML:
Nota. Quizais teña notado que o parámetro "columna" é diferente nesas dúas macros. Débese a que necesito devolver o valor de diferentes columnas, é dicir, columna:'Codigo de cor' devolverá a cor que pintará o texto mentres que columna:'Desconto' : o desconto taxa para pegar nunha cela.
Xorde unha nova pregunta: en que lugar do HTML debo colocalo? En xeral, este texto debería substituír a TEXT_TO_BE_COLORED. Na miña mostra, sería a primeira columna (
Unha vez que garde os cambios e pegue este modelo actualizado, unha ventá emerxente pedirame que escolla un desconto. Escollo o 10 % e o meu texto ponse de cor verde inmediatamente.
Sombrear parte do contido da cela
A lóxica para colorear só unha parte do contido da celao contido é basicamente o mesmo: substitúe só o texto a matizar polo código do capítulo anterior, deixando o resto do texto como está.
Neste exemplo, se necesito colorear só a porcentaxe (sen a palabra "desconto"), abrirei o código HTML, seleccionarei a parte que non teña que ser coloreada ("desconto" no noso caso) e sacarei da etiqueta:
En no caso de que esteas facendo os preparativos para colorear desde o principio, só ten en conta que o texto da cor futura vai en lugar de TEXT_TO_BE_COLORED , o resto permanece despois do final . Aquí está o meu HTML renovado:
Ves? Coloquei só parte do contido da miña cela dentro das etiquetas, polo que só se coloreará esta parte ao pegar.
Aplicar formato condicional ás celas da táboa
Agora imos cambiar un pouco a tarefa e tentar resaltar non o texto senón o fondo das celas enteiras na mesma táboa de mostra.
Resalte unha cela
Como estou modificando a mesma táboa, non vou repetir e pegar o código HTML da táboa orixinal tamén neste capítulo. Desprácese un pouco cara arriba ou salte á dereita ata o primeiro exemploeste tutorial para ver o código sen cambios da táboa sen cor.
Se quero sombrear o fondo da cela co desconto, tamén necesitarei modificar un pouco o HTML, pero a modificación será diferente de a cor do texto. A principal diferenza é que a cor non se debe aplicar ao texto senón a toda a cela.
A cela que se vai resaltar ten o aspecto no formato HTML:
Como quero resaltar unha cela, os cambios deben aplicarse ao atributo da cela, non ao texto. Partirei a liña anterior en partes, aclararei cada unha delas e sinalarei as partes que hai que cambiar:
- “style=” significa que a cela da fila ten as seguintes propiedades de estilo. Aquí é onde tomamos o noso primeiro descanso. Como debo establecer unha cor de fondo personalizada, cambio style a data-set-style .
- "width: 32,2925%; border: 1px negro sólido;" : esas son as propiedades de estilo predeterminadas ás que me refería anteriormente. Necesito engadir outro para personalizar o fondo da cela escollida: background-color . Dado que o meu obxectivo é escoller a cor que quere usar nunha lista despregable, volvo á miña preparación e a partir de aí tomo o WhatToEnter preparado.
Consello. Se queres que a cela estea pintada dunha cor e non queres que a lista despregable te moleste cada vez,basta con substituír unha macro polo nome da cor ("azul", por exemplo). Terá o seguinte aspecto: ~%WhatToEnter[{dataset:'Conxunto de datos con descontos',column:'Desconto',título:'Seleccionar desconto'}] desconto
- “ ~%WhatToEnter[] discount ” é o contido da cela.
Entón, aquí está o aspecto HTML actualizado:
O resto da táboa permanece como está. Aquí vai o HTML resultante que resaltará a cela coa taxa porcentual:
Cando gardo este cambio e pego a táboa actualizada nun correo electrónico, obterei a lista despregable con descontos e a primeira cela destacarase segundo o previsto.
Colora toda a fila
Cando unha cela non é suficiente, pinto a fila enteira :) Podes pensar que terás que aplicar os pasos da sección anterior para todas as celas de unha fila. Apresurareime en decepcionarte, o procedemento diferirá un pouco.
Nas instrucións anteriores mostreiche como actualizar o fondo da cela modificando a peza HTML desta cela. Dende agora estou a piques de pintar todofila, necesitarei tomar a súa liña HTML e aplicarlle cambios directamente.
Agora non ten opcións e parece . Precisarei para engadir data-set-style= e pegar alí o meu WHAT_TO_ENTER. Como resultado, a liña terá un aspecto similar á seguinte:
Así, todo o HTML da táboa coa cela a pintar terá o seguinte aspecto:
Non dubides en copiar este HTML para os teus propios modelos para asegurarte de que funciona como eu describo. Alternativamente, confía na captura de pantalla que aparece a continuación :)
Resumo
Isto é todo o que quería dicirche hoxe sobre o formato condicional nas táboas de Outlook. Mostreille como cambiar a cor do contido das celas e resaltar o seu fondo. Espero que logre convencerte de que non hai nada especial e difícil en modificar o HTML do modelo e realizarás algúns experimentos de pintura ;)
Para saber, a ferramenta pódese instalar desde Microsoft Store no teu Tableta PC, Mac ou Windows e utilízase en todos os seus dispositivos simultaneamente.
Se tes algunha dúbida ou, quizais, suxestións sobre o formato das táboas, fágome saber nos Comentarios. Serei