-
Color Calendar and Icons in 10 easy Steps (de)
Legen wir los! Wenn nicht schon vorhanden, klicke über Websiteinhalte auf App hinzufügen. 2. Füge einen Standardkalender hinzu und vergib einen Namen. In dem folgenden Beispiel habe ich den Namen “Eventkalender” verwendet. 3. Füge nun eine neue Spalte hinzu. Entweder über die Listeneinstellungen und dann Spalte hinzufügen oder direkt wie im folgenden Bild: 4. Diese Spalte dient später dazu ein Icon anzuzeigen und die Art des Events festzulegen. In meinem Fall ist der Name der Spalte “Art” und die Dropdownoptionen sind: Messe, Release, Vortrag und Etwas anderes. 5. Füge nun noch eine weitere Spalte vom Typ
-
Highlight rows in list with CSR (de)
Füge einen Skripteditor auf der Seite der Liste ein, klicke auf Codeauschnitt bearbeiten (1) und innerhalb diesem füge das folgende Javascript ein (2): <script type=”text/javascript”> SP.SOD.executeFunc(“clienttemplates.js”, “SPClientTemplates”, function() { SPClientTemplates.TemplateManager.RegisterTemplateOverrides({ OnPostRender: function(ctx) { var statusColors = { ‘fertig’ : ‘#FFF1AD’, ‘gestoppt’ : ‘#FFD800’, ‘in Arbeit’ : ‘#01DF3A’ }; var rows = ctx.ListData.Row; for (var i=0;i<rows.length;i++) { var status = rows[i][“Status”];