Trafiłeś na ten artykuł, więc musi cię interesować Microsoft SharePoint. Nie wiem jakie masz z nim doświadczenia, ale w ciemno zaryzykuję twierdzenie, że znasz Excel’a. Od dawna w tej aplikacji dostępna jest funkcja pozwalająca formatować komórki arkusza zależnie od ich wartości. Listy w SharePoint przypominają tabele w Excel. Nie zdziwi Cię zatem fakt, że podoba funkcja (formatowanie warunkowe) była i jest dostępna także i tutaj. Piszę „była i jest” ponieważ zależnie od wersji tej platformy jest realizowana w zupełnie inny sposób. W starych, ale ciągle spotykanych (niestety) wersjach 2007 i 2010 była możliwa do zrobienia przy użyciu SharePoint Designer’a. W wersji 2013 i 2016 pojawiła się możliwość tworzenia własnych skryptów w JavaScript (o JSLink przeczytasz więcej tutaj). Wymagają one siłą rzeczy znajomości tematów związanych z programowaniem, ale dające się osiągnąć efekty są niesamowite. W najnowszej wersji, czyli Microsoft SharePoint 2019 oraz w SharePoint Online, dostępna jest zupełnie nowa metoda formatowania kolumn. To o niej właśnie traktuje dzisiejszy wpis.
Jak działa formatowanie kolumn w listach modern?
Zacznijmy od bardzo ważnego założenia. Nowy mechanizm działa wyłącznie w listach mających włączony nowy interfejs (tzw. listy modern). Jeśli pracujesz z nowymi wersjami SharePoint, ale ciągle używasz widoków klasycznych, nie będziesz mógł skorzystać z opisywanego mechanizmu. Cała funkcja formatowania kolumn sprowadza się do wyboru odpowiedniej opcji z menu kolumny. Wyświetla ona puste okno tekstowe, w które wpisać należy odpowiednie instrukcje mówiące SharePoint w jaki sposób zaprezentować zapisane w niej dane. Całość pokazuję dokładnie w dołączonym do tego artykułu filmie, więc pozwól że ograniczę się tutaj tylko do podstawowych rzeczy:
- Instrukcje/kod sterujący formatowanie kolumn wpisujemy w formacie JSON.
- Koniecznie korzystaj z dodatkowych narzędzi do tworzenia tych instrukcji. Idealnym rozwiązaniem zdaje się być Visual Studio Code (nic nie kosztuje).
- Na początku korzystaj z „gotowców„. Będziesz potrzebował trochę czasu, aby przyzwyczaić się do składni. Zerknij na łącza pod filmem.
- Próbuj, testuj i eksperymentuj.
Podsumowanie
Trening czyni mistrza. Poświęć chwilę na samodzielne ćwiczenia. Poniżej zostawiam Ci garść materiałów, które powinny Ci w tym pomóc:
- Przykładowe pliki skryptów, użyte w nagraniu: https://protipblog.pl/wp-content/uploads/2018/08/25.-Kurs-SHP.-Conditional-Formatting.-Przykłady.zip
- Oficjalna dokumentacja składni oraz przykłady zastosowań. Zdecydowanie MUSISZ to przeczytać: https://docs.microsoft.com/en-us/sharepoint/dev/declarative-customization/column-formatting#detailed-syntax-reference
- Visual Studio Code: https://code.visualstudio.com/download
- Office UI Fabric (m.in. Źródło ikon): https://developer.microsoft.com/en-us/fabric
- Przykłady udostępniane przez Microsoft. Bardzo polecam: https://github.com/SharePoint/sp-dev-list-formatting/tree/master/column-samples
W kolejnym odcinku kontynuować będę temat formatowania kolumn. Tym razem wykorzystamy do tego trochę inne podejście. Tymczasem pozdrawiam i do następnego razu!