Inhaltsverzeichnis
In diesem Artikel erfahren Sie, wie Sie Tabellen in Outlook bedingt formatieren können. Ich zeige Ihnen, wie Sie die Farbe des Textes von Zellen aktualisieren können und Hintergrund mit der Farbe, die Sie in der Dropdown-Liste ausgewählt haben.
Vorbereitung
Bevor wir mit unserer "Zeichenstunde" beginnen und lernen, wie man Tabellen in Outlook bedingt formatiert, möchte ich eine kleine Einführung in unsere App für Outlook namens Shared Email Templates geben. Mit diesem praktischen Tool werden Sie Ihre Korrespondenz in Outlook so schnell und einfach verwalten, wie Sie es sich bisher nur vorstellen konnten.eine Sache von wenigen Klicks.
Nun ist es höchste Zeit, zu unserem Hauptthema zurückzukehren - der bedingten Formatierung in Outlook-Tabellen. Mit anderen Worten: Ich zeige Ihnen, wie Sie Zellen, deren Ränder und Inhalte in der gewünschten Farbe einfärben können. Stellen Sie zunächst sicher, dass Sie sich daran erinnern, wie Sie Tabellen in Outlook erstellen.
Da ich die Zellen je nach dem Ton, den ich aus der Dropdown-Liste wähle, einfärben werde, muss ich noch eine weitere Vorkehrung treffen. Wenn Sie sich an mein Tutorial zur Erstellung von ausfüllbaren E-Mail-Vorlagen erinnern, wissen Sie, dass Dropdown-Listen mit Hilfe von Datensätzen erstellt werden. Nehmen Sie sich einen Moment Zeit, um Ihr Wissen zu diesem Thema zu aktualisieren, wenn Sie das Gefühl haben, dass Sie vergessen haben, wie man Datensätze verwaltet, und lassen Sie uns weitermachen.
Jetzt muss ich einen Datensatz mit den Farben, die ich verwenden werde, vorab speichern (ich habe ihn Datensatz mit Rabatten ) und fügen Sie die WhatToEnter Makro mit der Dropdown-Auswahl. Hier ist also mein Datensatz:
Rabatt | Farbcode |
10% | #70AD47 |
15% | #475496 |
20% | #FF0000 |
25% | #2E75B5 |
Wenn Sie sich fragen, woher Sie diese Codes bekommen, erstellen Sie einfach eine leere Tabelle, gehen Sie zu deren Eigenschaften und wählen Sie eine beliebige Farbe aus, deren Code Sie im entsprechenden Feld sehen und von dort kopieren können.
Ich erstelle das Makro WHAT_TO_ENTER und verbinde es mit diesem Datensatz, da ich es später benötige:
~%WasEingeben[{Datensatz:'Datensatz mit Rabatten',Spalte:'Rabatt',Titel: Rabatt auswählen'}]Dieses kleine Makro wird mir helfen, das Dropdown-Menü für den Rabatt zu erhalten, aus dem ich auswählen kann. Sobald ich dies getan habe, wird der erforderliche Teil meiner Tabelle gezeichnet.
Ich verstehe, wie unklar das im Moment aussehen mag, also werde ich Sie nicht mit diesem Missverständnis zurücklassen und zeigen, wie man die Farbe von Text ändert oder eine Zelle hervorhebt. Ich werde einfache Beispiele verwenden, damit Sie die Idee bekommen und dieses Verfahren mit Ihren eigenen Daten reproduzieren können.
Fangen wir an.
Ändern der Schriftfarbe von Text in Tabellen
Beginnen wir mit der Schattierung eines Textes in der Tabelle. Ich habe eine Vorlage mit einer Beispieltabelle für unsere Malversuche vorbereitet:
Mein Ziel ist es, den Text in der entsprechenden Farbe zu malen, die von der Dropdown-Auswahl abhängt. Mit anderen Worten, ich möchte eine Vorlage einfügen, den erforderlichen Rabattsatz aus der Dropdown-Liste auswählen und diesen eingefügten Text einfärben. In welcher Farbe? Scrollen Sie zum Datensatz im Vorbereitungsteil, dort sehen Sie, dass jeder Rabattsatz seinen eigenen Farbcode hat. Das ist die gewünschte Farbe, die sein sollverwendet.
Da ich möchte, dass der Rabatt aus der Dropdown-Liste hinzugefügt wird, muss ich das WhatToEnter-Makro in diese Zelle einfügen. Wenn Sie das Gefühl haben, dass Sie Ihr Gedächtnis zu diesem Thema auffrischen müssen, nehmen Sie sich einen Moment Zeit und schauen Sie sich eines meiner früheren Tutorials an ;)
Die resultierende Tabelle wird also so aussehen:
Musterkopf 1 | Beispielkopfzeile 2 | Musterkopf 3 |
~%WasEingeben[ {Datensatz:'Datensatz mit Rabatten', Spalte:'Rabatt', Titel:'Rabatt auswählen'} ] Rabatt |
Sie sehen, dass der Rabattsatz aus der Dropdown-Liste hinzugefügt wird und das Wort "Rabatt" ohnehin vorhanden ist.
Aber wie kann ich die Vorlage so einrichten, dass der Text in der entsprechenden Farbe eingefärbt wird? Das ist eigentlich ganz einfach, ich muss nur den HTML-Code der Vorlage ein wenig anpassen. Lassen Sie uns den theoretischen Teil beenden und direkt zur Praxis übergehen.
Den gesamten Text in der Tabellenzelle einfärben
Als Erstes öffne ich den HTML-Code meiner Vorlage und prüfe ihn sorgfältig:
So sieht meine Vorlage in HTML aus:
Hinweis: Im weiteren Verlauf werde ich alle HTML-Codes als Text posten, damit Sie sie in Ihre eigenen Vorlagen kopieren und nach Belieben verändern können.
Schauen wir uns den obigen HTML-Code einmal ganz genau an. Die erste Zeile enthält die Eigenschaften des Tabellenrahmens (Stil, Breite, Farbe usw.). Dann folgt die erste Zeile
Ich interessiere mich für das erste Element der zweiten Zeile mit meinem WHAT_TO_ENTER. Die Einfärbung erfolgt durch Hinzufügen des folgenden Codestücks:
TEXT_ZU_EINFÄRBENIch werde sie für Sie in Teile zerlegen und jeden einzelnen Punkt erläutern:
- Die FARBE Wenn Sie ihn durch, sagen wir, "rot" ersetzen, wird dieser Text rot. Da meine Aufgabe jedoch darin besteht, eine Farbe aus einer Dropdown-Liste auszuwählen, kehre ich für einen Moment zur Vorbereitung zurück und nehme meine vorbereitete WhatToEnter Makro von dort: ~%WhatToEnter[{Datensatz:'Datensatz mit Rabatten',Spalte:'Rabatt',Titel: Rabatt auswählen'}]
- TEXT_ZU_EINFÄRBEN ist der Text, der schattiert werden soll. In meinem Beispiel wäre das der Text " ~%WasEingeben[{Datensatz:'Datensatz mit Rabatten',Spalte:'Rabatt',Titel:'Rabatt auswählen'}] Rabatt "(Kopieren Sie diesen Teil direkt aus dem Original-HTML-Code, um eine Beschädigung der Daten zu vermeiden).
Hier ist der neue Code, den ich in mein HTML einfügen werde:
Sie haben vielleicht bemerkt, dass der Parameter "Spalte" in diesen beiden Makros unterschiedlich ist, weil ich den Wert aus verschiedenen Spalten zurückgeben muss, d. h. Spalte:'Farbcode' gibt die Farbe zurück, mit der der Text gezeichnet wird, während Spalte:'Rabatt' - den Abzinsungssatz für das Einfügen in eine Zelle.
Nun stellt sich die Frage, an welcher Stelle des HTML-Textes er eingefügt werden soll. Allgemein gesprochen, sollte dieser Text TEXT_ZU_EINFÄRBEN. In meinem Beispiel wäre es die erste Spalte (
Sobald ich die Änderungen speichere und die aktualisierte Vorlage einfüge, werde ich in einem Pop-up-Fenster aufgefordert, einen Rabatt auszuwählen. Ich wähle 10 % und mein Text wird sofort grün eingefärbt.
Teil des Zelleninhalts schattieren
Die Logik, um nur einen Teil des Zellinhalts einzufärben, ist im Grunde dieselbe - Sie ersetzen nur den einzufärbenden Text durch den Code aus dem vorherigen Kapitel und lassen den Rest des Textes unverändert.
Wenn ich in diesem Beispiel nur den Prozentsatz (ohne das Wort "Rabatt") einfärben möchte, öffne ich den HTML-Code, wähle den Teil aus, der nicht eingefärbt werden muss (in unserem Fall "Rabatt") und verschiebe ihn aus dem Tag:
Falls Sie die Ausmalvorbereitungen von Anfang an machen, denken Sie daran, dass der zukünftige farbige Text an die Stelle von TEXT_ZU_EINFÄRBEN Der Rest bleibt nach dem Ende. Hier ist mein neues HTML:
Sehen Sie, ich habe nur einen Teil des Inhalts meiner Zelle innerhalb der Tags platziert, daher wird nur dieser Teil beim Einfügen farbig.
Bedingte Formatierung auf Tabellenzellen anwenden
Ändern wir nun die Aufgabe ein wenig und versuchen, nicht den Text, sondern den gesamten Zellenhintergrund in derselben Beispieltabelle hervorzuheben.
Eine Zelle markieren
Da ich dieselbe Tabelle ändere, werde ich mich nicht wiederholen und den HTML-Code der Originaltabelle auch in dieses Kapitel einfügen. Scrollen Sie ein wenig nach oben oder springen Sie direkt zum ersten Beispiel dieses Tutorials, um den unveränderten Code der ungefärbten Tabelle zu sehen.
Wenn ich den Hintergrund der Zelle mit dem Rabatt einfärben möchte, muss ich auch das HTML ein wenig ändern, aber die Änderung wird sich von der Textfärbung unterscheiden. Der Hauptunterschied ist, dass die Farbe nicht auf den Text, sondern auf die gesamte Zelle angewendet werden soll.
Die Zelle, die hervorgehoben werden soll, sieht im HTML-Format so aus:
Da ich eine Zelle hervorheben möchte, sollten die Änderungen auf das Zellattribut und nicht auf den Text angewendet werden. Ich werde die obige Zeile in mehrere Teile aufteilen, jeden von ihnen erläutern und auf die Teile hinweisen, die geändert werden müssen:
- "style=" bedeutet, dass die Zelle der Zeile die folgenden Stileigenschaften hat. Hier machen wir unsere erste Pause. Da ich eine benutzerdefinierte Hintergrundfarbe einstellen will, ändere ich Stil zu Datensatz-Stil .
- "Breite: 32.2925%; Rand: 1px solid black;" - Das sind die Standard-Stileigenschaften, die ich oben meinte. Ich muss eine weitere hinzufügen, um den Hintergrund der ausgewählten Zelle anzupassen: Hintergrundfarbe Da mein Ziel darin besteht, die zu verwendende Farbe aus einer Dropdown-Liste auszuwählen, kehre ich zu meiner Vorbereitung zurück und nehme das fertige WhatToEnter von dort.
Tipp: Wenn Sie möchten, dass die Zelle in einer Farbe gefärbt wird, und Sie nicht jedes Mal von der Dropdown-Liste gestört werden möchten, ersetzen Sie einfach ein Makro durch den Namen der Farbe (z. B. "blau"). Das sieht dann so aus: ~%WasEingeben[{Datensatz:'Datensatz mit Rabatten',Spalte:'Rabatt',Titel:'Rabatt auswählen'}] Rabatt
- " ~%WasEingeben[] Rabatt " ist der Inhalt der Zelle.
So, hier ist die aktualisierte HTML sieht:
Der Rest der Tabelle bleibt unverändert. Hier ist der resultierende HTML-Code, der die Zelle mit dem Prozentsatz hervorhebt:
Wenn ich diese Änderung speichere und die aktualisierte Tabelle in eine E-Mail einfüge, erhalte ich die Dropdown-Liste mit den Rabatten und die erste Zelle wird wie geplant hervorgehoben.
Ganze Zeile einfärben
Wenn eine Zelle nicht ausreicht, male ich die ganze Reihe :) Sie denken vielleicht, dass Sie die Schritte aus dem obigen Abschnitt für alle Zellen in einer Reihe anwenden müssen. Ich muss Sie leider enttäuschen, das Verfahren unterscheidet sich ein wenig.
In der obigen Anleitung habe ich Ihnen gezeigt, wie Sie den Hintergrund der Zelle aktualisieren können, indem Sie den HTML-Teil dieser Zelle ändern. Da ich nun die gesamte Zeile neu malen möchte, muss ich die HTML-Zeile nehmen und die Änderungen direkt darauf anwenden.
Jetzt ist sie frei von Optionen und sieht aus wie . Ich muss Folgendes hinzufügen data-set-style= und fügen Sie dort meinen WHAT_TO_ENTER ein. Im Ergebnis wird die Zeile wie unten aussehen:
Der gesamte HTML-Code der Tabelle mit der zu bemalenden Zelle sieht dann wie folgt aus:
Kopieren Sie diesen HTML-Code für Ihre eigenen Vorlagen, um sicherzustellen, dass es so funktioniert, wie ich es beschrieben habe, oder vertrauen Sie auf den Screenshot unten :)
Zusammenfassen
Das ist alles, was ich Ihnen heute über die bedingte Formatierung in Outlook-Tabellen erzählen wollte. Ich habe Ihnen gezeigt, wie Sie die Farbe des Inhalts von Zellen ändern und ihren Hintergrund hervorheben können. Ich hoffe, ich konnte Sie davon überzeugen, dass es nichts Besonderes und Schwieriges ist, den HTML-Code von Vorlagen zu ändern, und dass Sie selbst ein paar Malversuche machen werden ;)
Zu Ihrer Information: Das Tool kann über den Microsoft Store auf Ihrem PC, Mac oder Windows-Tablet installiert und auf all Ihren Geräten gleichzeitig verwendet werden.
Wenn Sie Fragen oder vielleicht Vorschläge zur Formatierung der Tabellen haben, lassen Sie es mich in den Kommentaren wissen, ich freue mich auf Ihre Rückmeldung!