-
Color Calendar and Icons in 10 easy Steps (en)
Let’s go! If you don’t have a calendar already, click on the cogwheel, site contents and then add an app. 2. Add a Calendar and give it a name. In this guide I took the name “Eventcalendar”. 3. Add a new column. You can do that in two different ways. Click on List Settings and then Create Column or directly like in the picure below: 4. This column will show the icon and the category of the events. In my case the name is “kind” and the choice values are: Fair, Release, Lecture and something else. 5.
-
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
-
Slice Description without cutting words (en)
This blog post will show you how to make the description text shorter without cutting words in half and display the whole description text as a tooltip. Before: After: Even with a tooltip: Just take the Javascript below, save it and link it to your list. How to do that? Check my other blog post here! // List View – Slice Long String Sample Without Cutting Words // Patrick , afraIT.com (function () { // Create object that have the context information about the field that we want to change it’s output render var bodyFiledContext = {}; bodyFiledContext.Templates = {}; bodyFiledContext.Templates.Fields
-
Slice Description without cutting words (de)
Dieser Beitrag zeigt, wie du die Beschreibung verkürzt ohne dass Wörter auseinander geschnitten werden. Ausserdem wird die komplette Beschreibung in einem Pop-Up angezeigt. Vorher: Nachher: Sogar mit Tooltip: Nimm einfach das unten stehende Javascript und verbinde es mit deiner Liste. Wie machst du das? Schau hier nach! Wenn du Fragen hast, trau dich zu fragen oder kommentiere einfach den Beitrag. // List View – Slice Long String Sample Without Cutting Words // Patrick , afraIT.com (function () { // Create object that have the context information about the field that we want to change it’s output render var bodyFiledContext
-
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”];