Use view formatting to customize SharePoint and List layout customizations

SharePoint Online

Στο σημερινό άρθρο θα δούμε με ποιόν τρόπο μπορούμε να αλλάξουμε το τρόπο με τον οποίο εμφανίζεται μια λίστα σε κάποιο από τα sites του Sharepoint Online μας .

Αρχικά εντοπίζουμε την ηλεκτρονική διεύθυνση της λίστας που μας ενδιαφέρει να αλλάξουμε την εμφάνιση

έχουμε λοιπόν την παρακάτω Λίστα όπου η αρχική της εμφάνιση είναι η default

Αρχικά επιλέγουμε all items και έπειτα Format Current View

Όπως βλέπετε υπάρχουν ήδη διαθέσιμα κάποια templates που μπορούμε να εφαρμόσουμε

Εάν όμως δεν είναι κανένα από αυτά της αρεσκείας μας μπορούμε εναλλακτικά να συνεχίσουμε στο advanced mode και να αλλάξουμε το JSON έτσι ώστε να διαμορφώσουμε μια εμφάνιση της αρεσκείας μας

Ας υποθέσουμε ότι θα θέλαμε στη λίστα μας κάθε φορά που η στήλη due date έχει ημερομηνία μικρότερη από τη σημερνή σε κάποιο list item τότε θα ήθελα η λίστα μου να χρωματίζει το συγκεκριμένο item με warning

Πράγματι εφαρμόζω τον παρακάτω κώδικα στο box και έχω

{
  "$schema": "https://developer.microsoft.com/json-schemas/sp/view-formatting.schema.json",
   "additionalRowClass": "=if([$DueDate] <= @now, 'sp-field-severity--severeWarning', '')"
}

Και με το preview έχω τη δυνατότητα να δω το αποτέλεσμα πριν το εφαρμόσω . Εάν τελικά θέλω να γίνει εφαρμογή απλά πιέζω save

Σχετικά με το συγκεκριμένο άρθρο μπορείτε να δείτε και το Microsoft Docs

https://docs.microsoft.com/en-us/sharepoint/dev/declarative-customization/view-formatting?WT.mc_id=M365-MVP-5004210

https://docs.microsoft.com/en-us/sharepoint/dev/declarative-customization/view-list-formatting?WT.mc_id=M365-MVP-5004210