Πίνακας περιεχομένων
Σε αυτό το άρθρο θα μάθετε πώς να μορφοποιείτε υπό όρους τους πίνακες στο Outlook. Θα σας δείξω πώς να ενημερώνετε το χρώμα του κειμένου των κελιών και φόντο με το χρώμα που επιλέγετε από την αναπτυσσόμενη λίστα.
Προετοιμασία
Πριν ξεκινήσουμε το "μάθημα ζωγραφικής" και μάθουμε πώς να μορφοποιούμε υπό όρους πίνακες στο Outlook, θα ήθελα να κάνω μια μικρή εισαγωγή της εφαρμογής μας για το Outlook που ονομάζεται Shared Email Templates. Με αυτό το εύχρηστο εργαλείο θα διαχειρίζεστε την αλληλογραφία σας στο Outlook τόσο γρήγορα και εύκολα όσο μόνο μπορούσατε να φανταστείτε πριν. Το πρόσθετο θα σας βοηθήσει να αποφύγετε τα επαναλαμβανόμενα copy-paste και να δημιουργήσετε όμορφα emails σε έναθέμα μερικών κλικ.
Τώρα είναι καιρός να επιστρέψουμε στο κύριο θέμα μας - τη μορφοποίηση υπό όρους σε πίνακες του Outlook. Με άλλα λόγια, θα σας δείξω πώς να χρωματίσετε τα κελιά, τα όριά τους και το περιεχόμενό τους στο επιθυμητό χρώμα. Πρώτα απ' όλα, βεβαιωθείτε ότι θυμάστε πώς να δημιουργείτε πίνακες στο Outlook.
Καθώς θα χρωματίσω τα κελιά με βάση τον τόνο που θα επιλέξω από την αναπτυσσόμενη λίστα, θα πρέπει να κάνω μια ακόμη προ-ρύθμιση. Αν θυμάστε το σεμινάριο μου για το πώς να δημιουργήσετε συμπληρώσιμα πρότυπα ηλεκτρονικού ταχυδρομείου, γνωρίζετε ότι οι αναπτυσσόμενες λίστες δημιουργούνται με τη βοήθεια συνόλων δεδομένων. Αφιερώστε λίγο χρόνο για να ενημερώσετε τις γνώσεις σας σε αυτό το θέμα, αν νιώθετε ότι έχετε ξεχάσει πώς να διαχειρίζεστε σύνολα δεδομένων και ας προχωρήσουμε.
Τώρα πρέπει να προ-αποθηκεύσω ένα σύνολο δεδομένων με τα χρώματα που θα χρησιμοποιήσω (το ονόμασα Σύνολο δεδομένων με εκπτώσεις ) και προσθέστε το WhatToEnter Οπότε, εδώ είναι το σύνολο δεδομένων μου:
| Έκπτωση | Κωδικός χρώματος |
| 10% | #70AD47 |
| 15% | #475496 |
| 20% | #FF0000 |
| 25% | #2E75B5 |
Αν αναρωτιέστε πού να βρείτε αυτούς τους κωδικούς, απλώς δημιουργήστε έναν κενό πίνακα, μεταβείτε στο Ιδιότητες και επιλέξτε οποιοδήποτε χρώμα. Θα δείτε τον κωδικό του στο αντίστοιχο πεδίο, μπορείτε να τον αντιγράψετε απευθείας από εκεί. 
Δημιουργώ τη μακροεντολή WHAT_TO_ENTER και τη συνδέω με αυτό το σύνολο δεδομένων, καθώς θα τη χρειαστώ αργότερα:
~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title: Select discount'}]Αυτή η μικρή μακροεντολή θα με βοηθήσει να πάρω το dropdown της έκπτωσης για να διαλέξω. Μόλις το κάνω αυτό, το απαραίτητο μέρος του πίνακα μου θα βαφτεί.
Καταλαβαίνω πόσο ασαφές μπορεί να φαίνεται προς το παρόν, οπότε δεν θα σας αφήσω με αυτή την παρανόηση και θα αρχίσω να δείχνω πώς να αλλάζετε το χρώμα του κειμένου ή να επισημαίνετε ένα κελί. Θα χρησιμοποιήσω βασικά δείγματα, ώστε να μπορέσετε να πάρετε την ιδέα και να αναπαράγετε αυτή τη διαδικασία με τα δικά σας δεδομένα.
Ας ξεκινήσουμε.
Αλλαγή του χρώματος γραμματοσειράς του κειμένου στον πίνακα
Ας ξεκινήσουμε με τη σκίαση κάποιου κειμένου στον πίνακα. Έχω ετοιμάσει ένα πρότυπο με ένα δείγμα πίνακα για τα πειράματα ζωγραφικής μας:
Ο στόχος μου είναι να χρωματίσω το κείμενο με το αντίστοιχο χρώμα ανάλογα με την αναπτυσσόμενη επιλογή. Με άλλα λόγια, θέλω να επικολλήσω ένα πρότυπο, να επιλέξω το απαραίτητο ποσοστό έκπτωσης από την αναπτυσσόμενη λίστα και αυτό το επικολλημένο κείμενο θα χρωματιστεί. Με ποιο χρώμα; Ανεβείτε στο σύνολο δεδομένων στο τμήμα προετοιμασίας, θα δείτε ότι κάθε ποσοστό έκπτωσης έχει το δικό του κωδικό χρώματος. Αυτό είναι το επιθυμητό χρώμα που πρέπει να είναιχρησιμοποιείται.
Καθώς θα ήθελα η έκπτωση να προστεθεί από την αναπτυσσόμενη λίστα, πρέπει να επικολλήσω τη μακροεντολή WhatToEnter σε αυτό το κελί. Νιώθετε ότι πρέπει να φρεσκάρετε τη μνήμη σας σε αυτό το θέμα; Πάρτε μια στιγμή για να δείτε ένα από τα προηγούμενα σεμινάριά μου ;)
Έτσι, ο πίνακας που θα προκύψει θα μοιάζει έτσι:
| Δείγμα επικεφαλίδας 1 | Δείγμα επικεφαλίδας 2 | Δείγμα επικεφαλίδας 3 |
| ~%WhatToEnter[ {dataset:'Dataset with discounts', column:'Discount', title:'Select discount'} ] discount |
Βλέπετε, το ποσοστό έκπτωσης θα προστεθεί από την αναπτυσσόμενη λίστα και η λέξη "έκπτωση" θα υπάρχει έτσι κι αλλιώς.
Αλλά πώς μπορώ να ρυθμίσω το πρότυπο έτσι ώστε το κείμενο να βάφεται με το αντίστοιχο χρώμα; Στην πραγματικότητα είναι πολύ εύκολο, απλά θα πρέπει να ενημερώσω λίγο την HTML του προτύπου. Ας τελειώσουμε με το θεωρητικό μέρος και ας περάσουμε κατευθείαν στην πράξη.
Χρωματισμός όλου του κειμένου σε κελί πίνακα
Πρώτα απ' όλα, ανοίγω τον κώδικα HTML του προτύπου μου και τον ελέγχω προσεκτικά: 
Εδώ είναι πώς φαίνεται το πρότυπό μου σε HTML: 
Σημείωση: Στη συνέχεια θα δημοσιεύσω όλους τους κωδικούς HTML ως κείμενο, ώστε να μπορείτε να τους αντιγράψετε στα δικά σας πρότυπα και να τους τροποποιήσετε όπως θέλετε.
Ας ρίξουμε μια πολύ προσεκτική ματιά στην παραπάνω HTML. Η πρώτη γραμμή είναι οι ιδιότητες του πλαισίου του πίνακα (στυλ, πλάτος, χρώμα κ.λπ.). Στη συνέχεια ακολουθεί η πρώτη γραμμή
Με ενδιαφέρει το πρώτο στοιχείο της δεύτερης γραμμής με το WHAT_TO_ENTER μου. Ο χρωματισμός θα γίνει με την προσθήκη του ακόλουθου τμήματος κώδικα:
TEXT_TO_BE_COLOREDΘα το σπάσω σε κομμάτια για εσάς και θα σας διευκρινίσω το καθένα από αυτά:
- Το ΧΡΩΜΑ παράμετρος χειρίζεται τη ζωγραφική. Αν την αντικαταστήσετε με, ας πούμε, "red", το κείμενο αυτό θα γίνει κόκκινο. Ωστόσο, καθώς η εργασία μου είναι να επιλέξω ένα χρώμα από την πτυσσόμενη λίστα, θα επιστρέψω για λίγο στην προετοιμασία και θα πάρω το προετοιμασμένο μου WhatToEnter μακροεντολή από εκεί: ~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title: Επιλέξτε έκπτωση'}]
- TEXT_TO_BE_COLORED είναι το κείμενο που πρέπει να σκιασθεί. Στο συγκεκριμένο παράδειγμά μου, θα ήταν " ~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'Select discount'}] discount " (αντιγράψτε αυτό το κομμάτι κατευθείαν από τον αρχικό κώδικα HTML για να αποφύγετε την αλλοίωση των δεδομένων).
Εδώ είναι το νέο κομμάτι κώδικα που θα εισαγάγω στην HTML μου:
Σημείωση. Ίσως παρατηρήσατε ότι η παράμετρος "column" διαφέρει σε αυτές τις δύο μακροεντολές. Αυτό συμβαίνει επειδή πρέπει να επιστρέψω την τιμή από διαφορετικές στήλες, δηλ. στήλη:'Κωδικός χρώματος' θα επιστρέψει το χρώμα που θα χρωματίσει το κείμενο, ενώ το στήλη:'Έκπτωση' - το προεξοφλητικό επιτόκιο για επικόλληση σε ένα κελί.
Προκύπτει ένα νέο ερώτημα - σε ποιο σημείο της HTML θα πρέπει να το τοποθετήσω; Μιλώντας γενικά, το κείμενο αυτό θα πρέπει να αντικαταστήσει TEXT_TO_BE_COLORED. Στο δείγμα μου, θα ήταν η πρώτη στήλη (
Μόλις αποθηκεύσω τις αλλαγές και επικολλήσω αυτό το ενημερωμένο πρότυπο, ένα αναδυόμενο παράθυρο θα μου ζητήσει να επιλέξω μια έκπτωση. Επιλέγω 10% και το κείμενό μου χρωματίζεται αμέσως με πράσινο χρώμα. 
Σκίαση μέρους του περιεχομένου του κελιού
Η λογική για τον χρωματισμό μόνο ενός μέρους του περιεχομένου του κελιού είναι βασικά η ίδια - αντικαθιστάτε μόνο το κείμενο που θέλετε να χρωματίσετε με τον κώδικα του προηγούμενου κεφαλαίου, αφήνοντας το υπόλοιπο κείμενο ως έχει.
Σε αυτό το παράδειγμα, αν πρέπει να χρωματίσω μόνο το ποσοστό (χωρίς τη λέξη "έκπτωση"), θα ανοίξω τον κώδικα HTML, θα επιλέξω το μέρος που δεν χρειάζεται να χρωματιστεί ("έκπτωση" στην περίπτωσή μας) και θα το μετακινήσω έξω από την ετικέτα: 
Σε περίπτωση που κάνετε τις προετοιμασίες χρωματισμού από την αρχή, απλά να έχετε κατά νου ότι το μελλοντικά χρωματισμένο κείμενο πηγαίνει στη θέση του TEXT_TO_BE_COLORED , τα υπόλοιπα μένουν μετά το τέλος . Εδώ είναι η ανανεωμένη μου HTML:
Βλέπετε; Έχω τοποθετήσει μόνο ένα μέρος του περιεχομένου του κελιού μου μέσα στις ετικέτες, επομένως μόνο αυτό το μέρος θα χρωματιστεί κατά την επικόλληση. 
Εφαρμογή μορφοποίησης υπό όρους σε κελιά πίνακα
Τώρα ας αλλάξουμε λίγο την εργασία και ας προσπαθήσουμε να επισημάνουμε όχι το κείμενο αλλά ολόκληρο το φόντο των κελιών στον ίδιο πίνακα του δείγματος.
Επισημάνετε ένα κελί
Καθώς τροποποιώ τον ίδιο πίνακα, δεν θα επαναλάβω τον εαυτό μου και θα επικολλήσω τον κώδικα HTML του αρχικού πίνακα και σε αυτό το κεφάλαιο. Μετακινηθείτε λίγο προς τα πάνω ή μεταβείτε κατευθείαν στο πρώτο παράδειγμα αυτού του σεμιναρίου για να δείτε τον αμετάβλητο κώδικα του μη χρωματισμένου πίνακα.
Αν θέλω να σκιάσω το φόντο του κελιού με την έκπτωση, θα πρέπει επίσης να τροποποιήσω λίγο την HTML, αλλά η τροποποίηση θα διαφέρει από τον χρωματισμό του κειμένου. Η κύρια διαφορά είναι ότι το χρώμα θα πρέπει να εφαρμοστεί όχι στο κείμενο αλλά σε ολόκληρο το κελί.
Το προς επισήμανση κελί μοιάζει έτσι στη μορφή HTML:
Καθώς θέλω να επισημάνω ένα κελί, οι αλλαγές πρέπει να εφαρμοστούν στο χαρακτηριστικό του κελιού και όχι στο κείμενο. Θα σπάσω την παραπάνω γραμμή σε μέρη, θα διευκρινίσω το καθένα από αυτά και θα επισημάνω τα μέρη που πρέπει να αλλάξουν:
- "style=" σημαίνει ότι το κελί της γραμμής έχει τις ακόλουθες ιδιότητες στυλ. Εδώ κάνουμε το πρώτο μας διάλειμμα. Καθώς πρόκειται να ορίσω ένα προσαρμοσμένο χρώμα φόντου, αλλάζω το στυλ στο στυλ συνόλου δεδομένων .
- "width: 32.2925%; border: 1px solid black;" - Αυτές είναι οι προεπιλεγμένες ιδιότητες στυλ που εννοούσα παραπάνω. Πρέπει να προσθέσω άλλη μία για να προσαρμόσω το φόντο του επιλεγμένου κελιού: background-color Αφού ο στόχος μου είναι να επιλέξω το χρώμα που θα χρησιμοποιήσω από μια αναπτυσσόμενη λίστα, επιστρέφω στην προετοιμασία μου και παίρνω το έτοιμο WhatToEnter από εκεί.
Συμβουλή. Αν θέλετε το κελί να είναι βαμμένο σε ένα χρώμα και δεν θέλετε να σας ενοχλεί κάθε φορά η αναπτυσσόμενη λίστα, απλά αντικαταστήστε μια μακροεντολή με το όνομα του χρώματος ("μπλε", για παράδειγμα). Θα φαίνεται έτσι: ~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'Select discount'}] discount
- " ~%WhatToEnter[] discount " είναι το περιεχόμενο του κελιού.
Έτσι, εδώ είναι η ενημερωμένη HTML φαίνεται:
Ο υπόλοιπος πίνακας παραμένει ως έχει. Ακολουθεί η HTML που θα αναδείξει το κελί με το ποσοστιαίο ποσοστό:
Όταν αποθηκεύσω αυτή την αλλαγή και επικολλήσω τον ενημερωμένο πίνακα σε ένα μήνυμα ηλεκτρονικού ταχυδρομείου, θα λάβω την αναπτυσσόμενη λίστα με τις εκπτώσεις και το πρώτο κελί θα επισημανθεί όπως προβλέπεται. 
Χρώμα ολόκληρης της γραμμής
Όταν ένα κελί δεν είναι αρκετό, βάφω ολόκληρη τη σειρά :) Μπορεί να νομίζετε ότι θα πρέπει να εφαρμόσετε τα βήματα από την παραπάνω ενότητα για όλα τα κελιά μιας σειράς. Θα σπεύσω να σας απογοητεύσω, η διαδικασία θα διαφέρει λίγο.
Στις παραπάνω οδηγίες σας έδειξα πώς να ενημερώσετε το φόντο του κελιού τροποποιώντας το κομμάτι HTML αυτού του κελιού. Επειδή τώρα πρόκειται να ξαναβάψω ολόκληρη τη γραμμή, θα πρέπει να πάρω τη γραμμή HTML της και να εφαρμόσω τις αλλαγές ακριβώς σε αυτήν.
Τώρα είναι χωρίς επιλογές και μοιάζει με . Θα πρέπει να προσθέσω data-set-style= και επικολλήστε το WHAT_TO_ENTER μου εκεί. Στο αποτέλεσμα, η γραμμή θα μοιάζει με την παρακάτω:
Έτσι, ολόκληρη η HTML του πίνακα με το προς βαφή κελί θα μοιάζει ως εξής:
Μη διστάσετε να αντιγράψετε αυτή την HTML για τα δικά σας πρότυπα για να βεβαιωθείτε ότι λειτουργεί με τον τρόπο που περιγράφω. Εναλλακτικά, εμπιστευτείτε το παρακάτω στιγμιότυπο οθόνης :) 
Συνοψίστε
Αυτά ήθελα να σας πω για την υπό όρους μορφοποίηση στους πίνακες του Outlook σήμερα. Σας έδειξα πώς να αλλάξετε το χρώμα του περιεχομένου των κελιών και να επισημάνετε το φόντο τους. Ελπίζω να κατάφερα να σας πείσω ότι δεν υπάρχει τίποτα το ιδιαίτερο και δύσκολο στην τροποποίηση της HTML του προτύπου και θα κάνετε μερικά δικά σας πειράματα ζωγραφικής ;)
Ενημερωτικά, το εργαλείο μπορεί να εγκατασταθεί από το Microsoft Store στον υπολογιστή σας, τον Mac ή το tablet σας με Windows και να χρησιμοποιηθεί σε όλες τις συσκευές σας ταυτόχρονα.
Αν έχετε οποιεσδήποτε ερωτήσεις ή, ίσως, προτάσεις σχετικά με τη μορφοποίηση των πινάκων, παρακαλώ ενημερώστε με στα Σχόλια. Θα χαρώ να λάβω απάντηση από εσάς!
