SharePointCommunity
Die deutschsprachige Community für SharePoint, Microsoft 365, Teams, Yammer und mit Azure

Sponsored by

Willkommen im Forum Archiv.
Einträge sind hier nicht mehr möglich, aber der Bestand von 12 Jahren SharePoint-Wissen ist hier recherchierbar.




SharePoint: Ampeln in Listen anzeigen

Geprüfte Antwort Dieser Beitrag hat 20 Antworten

Ohne Rang
111 Beiträge
Andreas Ma erstellt 5 Juli 2011 12:36
SchlechtSchlechtIn OrdnungIn OrdnungDurchschnittDurchschnittGutGutSehr gutSehr gut

Hallo Ich habe ne frage wie kann ich es schaffen das in einer Liste ein Ampel Sytem eingebettet werden kann das heißt bestimmten Spalten die Anzeige durch Bilder wie Ampeln.

Ich habe z.b ein Ticket system mit den angaben abgeschlossen, in Bearbeitung, offen,

wie bekomme ich hin das neben den 3 statusen ein ampel system angezeigt wird das heißt rot,grün,gelb

 

Danke schonmal im Vorraus

Alle Antworten

Ohne Rang
2 Beiträge
chung 777 Als Antwort am 5 Juli 2011 12:45
SchlechtSchlechtIn OrdnungIn OrdnungDurchschnittDurchschnittGutGutSehr gutSehr gut

Vielleicht hilft das erstmal weiter ...

http://www.sharepoint-rhein-ruhr.de/sharepoint/no-code-ampelfunktionteil-1-bedingte-formatierungen

Grüße

chung

Ohne Rang
111 Beiträge
Andreas Ma Als Antwort am 5 Juli 2011 12:46
SchlechtSchlechtIn OrdnungIn OrdnungDurchschnittDurchschnittGutGutSehr gutSehr gut

bestimmt aber leider beutze ich Share Point Server 2007

Beste Grüße,

Andreas

Ohne Rang
2 Beiträge
chung 777 Als Antwort am 5 Juli 2011 12:46
SchlechtSchlechtIn OrdnungIn OrdnungDurchschnittDurchschnittGutGutSehr gutSehr gut

Sorry, hab nicht gesehen, dass es im 2007er Forum ist!

Ohne Rang
19231 Beiträge
Andi Fandrich Als Antwort am 5 Juli 2011 12:47
SchlechtSchlechtIn OrdnungIn OrdnungDurchschnittDurchschnittGutGutSehr gutSehr gut

Eine Datnansicht für die Liste in eine Webseite einfügen oder eine vorhandene Ansicht per SharePoint Designer in eine XSLT-Datenansicht umwandeln. Dann kann man durch bearbeiten des XSL-Quellcodes ungefähr sowas einbauen:

<xsl:choose>
<xsl:when test="@Status='offen'"><img src="rot.jpg"/></xsl:when>
<xsl:when test="@Status='abgeschlossen'"><img src="gruen.jpg"/></xsl:when>
</xsl:choose>

Viele Grüße
Andi
af @ evocom de
Blog
Ohne Rang
111 Beiträge
Andreas Ma Als Antwort am 5 Juli 2011 12:48
SchlechtSchlechtIn OrdnungIn OrdnungDurchschnittDurchschnittGutGutSehr gutSehr gut

und wie wandele ich sie um

Beste Grüße,

Andreas

Ohne Rang
19231 Beiträge
Andi Fandrich Als Antwort am 5 Juli 2011 12:53
SchlechtSchlechtIn OrdnungIn OrdnungDurchschnittDurchschnittGutGutSehr gutSehr gut

Ansicht im SPD öffnen, Rechtsklick - in XSLT-Datenansicht konvertieren.

Achtung: man kann das nicht rückgängig machen. Ich würde zuerst mit einer neu eingefügten Datenansicht experimentieren.

Viele Grüße
Andi
af @ evocom de
Blog
Ohne Rang
111 Beiträge
Andreas Ma Als Antwort am 5 Juli 2011 13:00
SchlechtSchlechtIn OrdnungIn OrdnungDurchschnittDurchschnittGutGutSehr gutSehr gut

Hay ich habe gerade mal das hier ausprobiert

SharePoint: Ampeln & Indikatoren in Listen anzeigen

SharePoint Listen eignen sich hervorragend um Aufgaben, Trainings, Tickets, Anfragen oder wiederkehrende Prozesse mit jeweiligem Status festzuhalten. Einsatzmöglichkeiten ergeben sich viele. Wer in einer SharePoint Liste bei bestimmten Spalten die Anzeige durch Bilder wie Ampeln, o.ä. grafisch aufbessern möchte, kann dies durch einen kleinen “Trick” erreichen, den ich nun kurz vorstelle.  Die Grafiken sollen helfen einen schnellen Überblick über die Liste zu erhalten. Los geht’s:

Wir haben eine Liste, in der der Status mit Grafiken, die im Ordner /_layouts/images/ liegen dargestellt werden soll.

1) Anlegen einer Spalte vom Typ Berechnetes Feld.

2) Funktion im Berechneten Feld anlegen

Der Rückgabetyp ist Text. Damit die spätere folgende Funktion weiss, wo sich die Anzeige ändern soll, ist der Inhalt der Spalte wie folgt aufzubauen:

“Erkennungswort” plus “Trennzeichen” plus dem berechneten Wert

Beispiel “Indikator” plus “#” plus dem Berechneten Wert, also Farbe entsprechend Status:

- Ampel grün: Status = “abgeschlossen”

- Ampel gelb: Status = “in Bearbeitung”

- Ampel rot: Status = “offen”

So kann nun die Formel aussehen:

=”Indikator#”&WENN([Spaltenname]=”abgeschlossen”;”gruen”;WENN([Spaltenname]=”in Bearbeitung”;”gelb”;”rot”))

3) Auf der Listenseite ein Webpart unter der Liste hinzufügen vom Typ Content Editor Webpart.

Im Inhalts-Editor Webpart unter HTML-Quelle bearbeiten folgenden Quellcode einfügen und für Ihre Bedürfnisse anpassen:

<script type=”text/javascript” language=”javascript”>
var i=0;
var allCells = document.getElementsByTagName(“td”);
for(i=0;i<allCells.length; i++)
{
if(allCells[i].innerText.indexOf(“Indikator#”) == 0)
{
id = allCells[i].innerText.split(“#”)[1];
if (id == “gelb”)
{
allCells[i].innerHTML = “<DIV><IMG src=’http://servername/_layouts/images/kpipeppers-1.gif’ /></DIV>”;
}
if (id == “gruen”)
{
allCells[i].innerHTML = “<DIV><IMG src=’http://servername/_layouts/images/kpipeppers-0.gif ‘ /></DIV>”;
}
if (id == “rot”)
{
allCells[i].innerHTML = “<DIV><IMG src=’http://servername/_layouts/images/kpipeppers-2.gif ‘ /></DIV>”;
}
}
}
</script>

 

es funktioniert aber irgendwie nicht richtig

Beste Grüße,

Andreas

Ohne Rang
111 Beiträge
Andreas Ma Als Antwort am 5 Juli 2011 13:03
SchlechtSchlechtIn OrdnungIn OrdnungDurchschnittDurchschnittGutGutSehr gutSehr gut

Könnte ich das nicht einfach über eine abfrage machen das heißt z.b

WENN(Status="offen";Bild;)

Beste Grüße,

Andreas

Ohne Rang
19231 Beiträge
Andi Fandrich Als Antwort am 5 Juli 2011 13:22
SchlechtSchlechtIn OrdnungIn OrdnungDurchschnittDurchschnittGutGutSehr gutSehr gut

Das ist doch genau das, was der Artikel beschreibt. Das Problem dabei ist, daß man dort kein HTML angeben kann, bzw. daß es später bei der Anzeige codiert wird und man es dann mit JavaScript wieder zurückcodieren muß. Da finde ich den Ansatz mit XSLT deutlich einfacher.

Viele Grüße
Andi
af @ evocom de
Blog
Ohne Rang
111 Beiträge
Andreas Ma Als Antwort am 5 Juli 2011 13:34
SchlechtSchlechtIn OrdnungIn OrdnungDurchschnittDurchschnittGutGutSehr gutSehr gut

Könntest du mir bitte kurz eine howo geben dazu??

Beste Grüße,

Andreas

Ohne Rang
19231 Beiträge
Andi Fandrich Als Antwort am 5 Juli 2011 13:40
SchlechtSchlechtIn OrdnungIn OrdnungDurchschnittDurchschnittGutGutSehr gutSehr gut

Habe ich doch schon. Wo genau klemmt's denn?

Viele Grüße
Andi
af @ evocom de
Blog
Ohne Rang
111 Beiträge
Andreas Ma Als Antwort am 5 Juli 2011 13:49
SchlechtSchlechtIn OrdnungIn OrdnungDurchschnittDurchschnittGutGutSehr gutSehr gut

Mit Neuer Datenansicht meinste die Datenansicht der Liste ???

 

Beste Grüße,

Andreas

Ohne Rang
19231 Beiträge
Andi Fandrich Als Antwort am 5 Juli 2011 13:54
SchlechtSchlechtIn OrdnungIn OrdnungDurchschnittDurchschnittGutGutSehr gutSehr gut

Ja

Viele Grüße
Andi
af @ evocom de
Blog
Ohne Rang
111 Beiträge
Andreas Ma Als Antwort am 5 Juli 2011 13:54
SchlechtSchlechtIn OrdnungIn OrdnungDurchschnittDurchschnittGutGutSehr gutSehr gut

ich finde meine erstellte datenansicht nicht wo finde ich sie ??

Beste Grüße,

Andreas

Ohne Rang
111 Beiträge
Andreas Ma Als Antwort am 5 Juli 2011 14:00
SchlechtSchlechtIn OrdnungIn OrdnungDurchschnittDurchschnittGutGutSehr gutSehr gut

so habe es geschafft jedoch wie ändere ich den code so um ???

Beste Grüße,

Andreas

Ohne Rang
111 Beiträge
Andreas Ma Als Antwort am 5 Juli 2011 14:20
SchlechtSchlechtIn OrdnungIn OrdnungDurchschnittDurchschnittGutGutSehr gutSehr gut

ich habe es konvertiert und versucht zu bearbeiten jedoch ohne erfolg.Muss ich den Code an einer bestimmten stelle schreiben? Was bedeutet eigentlich das schlüsselwort test im Code?? das "@status" ist das die Spalte???

Beste Grüße,

Andreas

Ohne Rang
19231 Beiträge
Andi Fandrich Als Antwort am 5 Juli 2011 14:47
SchlechtSchlechtIn OrdnungIn OrdnungDurchschnittDurchschnittGutGutSehr gutSehr gut

Natürlich muß der Code an eine bestimmte Stelle - nämlich dorthin, wo Du die Ampel haben möchtest. Du kannst das in der Designansicht einfach markieren und dann in die Codeansicht umschalten. Dann ist der Code markiert, der das im Design markierte Element erzeugt (man muß manchmal zweimal hin- und herschalten).

@Status ist der interne Name des Feldes, das Du prüfen möchtest. Die Namen findest Du bei den Datenquellendetails (ggf. über Ansicht - Aufgabenbereich einblenden). Der Rest ist simples XSL, wie z.B. <xsl:when test="<Bedingung">Ausgabe wenn Bedingung wahr</xsl:when>

Viele Grüße
Andi
af @ evocom de
Blog
Ohne Rang
111 Beiträge
Andreas Ma Als Antwort am 5 Juli 2011 15:19
SchlechtSchlechtIn OrdnungIn OrdnungDurchschnittDurchschnittGutGutSehr gutSehr gut

hay ich habe das mal mit meinen vorraus setzung gemacht

ich habe eine Liste mit Verträge|Status|Priorität| etc

ich habe dann dazu folgendes geschrieben

<xsl:choose>

<xsl:when test="@Priorit='dringend'><img src='_layouts/images/rot.gif'/></xsl:when>

</xsl:choose>

 

jedoch funktioniert das auch nicht

Beste Grüße,

Andreas

Ohne Rang
111 Beiträge
Andreas Ma Als Antwort am 5 Juli 2011 15:34
SchlechtSchlechtIn OrdnungIn OrdnungDurchschnittDurchschnittGutGutSehr gutSehr gut

es funktioniert jetzt habe mich nur vertrippt beim namen der spalte

aber ich habe noch ne frage

in der Liste zeigt er mir das ganze an nur wenn ich jetzt diese Liste als webpart einfügen will zeigt er die ampel nicht mehr an wie bekomme ich das denn hin????

Beste Grüße,

Andreas

Ohne Rang
19231 Beiträge
Andi Fandrich Als Antwort am 5 Juli 2011 16:13
SchlechtSchlechtIn OrdnungIn OrdnungDurchschnittDurchschnittGutGutSehr gutSehr gut

Solche Änderungen gelten immer nur für die eine Ansicht, die im SharePoint Designer "verbogen" wurde. Wenn man das generell haben möchte, muß man eine eigene Listenvorlage definieren (Viusal Studio). Der Aufwand dafür ist aber um ein Vielfaches größer.

Viele Grüße
Andi
af @ evocom de
Blog