1. Auf der SharePoint Hauptseite die Websiteeinstellungen aufrufen.
EN: Navigate to your SharePoint startpage and open the website settings.
2. Die Gestaltungsvorlagen öffnen
EN: Then open the (Masterpages and page layouts)
3. Neue Javascript-Anzeigevorlage erstellen
EN: Create a new Javascript-DisplayTemplate
4. Die .js Datei auswählen und auf OK klicken. Der Rest kann so beibehalten werden
EN: Search for your .js file and click OK. Nothing else must be changed.
5. Nun die Einstellung an die untenstehenden anpassen. (Name, Titel, Beschreibung und Zielbereich könnte natürlich anders sein). Ausgeblendet, Zielsteuerelement-Typ und Eigenständig muss beibehalten werden.
EN: Edit the settings like the picture below. (Name, Titel, Description and Target Scope could be different).
6. Danach muss das .js noch der Liste zugeordnet werden. In diesem Fall wird dies der Liste Projekte zugewiesen. Denk daran die Datei als Hauptversion zu veröffentlichen.
EN: After that you have to attach the .js file to your list. Don’t forget to publish it as a major version before using it. In this example, I’m connecting the .js to my list “projects”.
7. Öffnen der Liste Projekte und wie in ‘1’ auf das Zahnrad und bearbeiten, danach auf Webpart bearbeiten wie in ‘2’
EN: Open the list “projects” and click on the cogwheel (1), after that edit the webpart like (2).
8. Nun den Link zur .js wie unten eintragen (~sitecollection/_catalogs/masterpage/projekte.js)
EN: Last step is to insert the .js file like picture below. (~sitecollection/_catalogs/masterpage/projekte.js). Of course the path and the filename could be different in your environment.
9. Nun sollte die .js Datei funktionieren. In diesem Fall wird die Statusspalte modifiziert.
EN: After that, the .js should work. In this case I changed the look of the status column.
Du willst wissen wie man ein Icon bzw. eine Ampelfunktion in einer Spalte darstellen kann? Schau es dir an in meinem kurzen deutschen Tutorial.
EN: How does this works with the red dot (traffic light option)? Check out the english step-by-step guide.