Farbkodierungen in Listen

Manchmal ist es hilfreich, wenn bestimmte Informationen durch farbigen Text oder auch ein Symbol kenntlich gemacht werden. Hier einige Beispiele:

Hot Job Indikator

Hier sieht man durch die eingeblendete Grafik sofort den "Hot Job":

Fortschrittsbalken

In diesem Beispiel wird der Projektfortschritt [% Completed] als Balken auf unterschiedliche Weise dargestellt. Das Prinzip beruht hier auf der Darstellung einer HTML-Tabelle (1 Zeile, 1 Spalte) mit Rahmen und Füllfarbe. Die ausführliche Anleitung dazu wird in diesem Prezi-Tutorial beschrieben.

Einfaches Symbol

Dieses Beispiel verwendet einen grünen Punkt, um anzuzeigen, dass der Eintrag einen Kommentar enthält. Kommentare sind in diesem Beispiel mehrzeilig und sollen bei der Übersicht der Einträge nicht direkt angezeigt werden, da die Tabelle dann schwer lesbar wird..

Das oben genannte Beispiel wird in diesem Prezi-Tutorial beschrieben.

Funktionsweise:
In ein berechnetes Feld wird der gewünschte HTML-Code geschrieben.
Ein Javascript (s.a. PathtoSharepoint) wandelt HTML um und stellt es richtig dar..

Easy Tabs - Mit Registerkarten die Ansichten von Listen benutzerfreundlicher und Platz sparender gestalten

>

Hat man von einer Dokumentenbibliothek mehrere Ansichten, die man auf einer Seite darstellen möchte, kann es leicht zu Problemen mit dem Platz auf der Seite kommen.
Sind es zu viele Ansichten, die untereinander stehen, muss der Anwender nach unten scrollen. Das ist nicht nur unübersichtlich, sondern auch wenig benutzerfreundlich.
Mit einem kleinen Javascript kann man die Ansichten ähnlich Registerkarten darstellen.
Die Vorteile liegen auf der Hand:

• Es wird weniger Platz für die Darstellung benötigt
• Der Anwender muss unter Umständen gar nicht mehr nach unten scrollen
• Alle Kategorien (Tabulatoren) sofort im Blick
• Einfache Installation ohne Programmierung

Wie es geht ist in diesem Prezi-Tutorial beschrieben.

SharePoint Lektion #7: Easy Tabs - Registerkarten in der Anzeige from Peter Heffner

Wie man die Quartale in dem oben genannten Beispiel berechnet, ist in diesem Blogpost beschrieben.