1. Auf der SharePoint Hauptseite die Websiteeinstellungen aufrufen.
EN: Navigate to your SharePoint startpage and open the website settings.

 

Upload .js files and link it to lists in 9 Steps_1

2. Die Gestaltungsvorlagen öffnen
EN: Then open the (Masterpages and page layouts)

Upload .js files and link it to lists in 9 Steps_2

3. Neue Javascript-Anzeigevorlage erstellen
EN: Create a new Javascript-DisplayTemplate

Upload .js files and link it to lists in 9 Steps_3

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.

Upload .js files and link it to lists in 9 Steps_4

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).

Upload .js files and link it to lists in 9 Steps_5

Upload .js files and link it to lists in 9 Steps_6

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).

Upload .js files and link it to lists in 9 Steps_7

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.

Upload .js files and link it to lists in 9 Steps_8

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.

Upload .js files and link it to lists in 9 Steps_9

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.

1 COMMENT

LEAVE A REPLY

Please enter your comment!
Please enter your name here