• Colored Calendar weekend (de)

    Colored Calendar weekend (de)

    Und wieder mal ein AfraIT Shorty. Hier zeige ich wie du das Wochenende des Kalenders einfärben kannst. Eine schöne und einfache Idee, die auch den Usern gefällt. Wie so oft beginnen wir ganz am Anfang. Gehe zur Seite auf der du einen Kalender haben möchtest, klicke auf die Websiteinhalte und dann auf “App hinzufügen”. Unter der Überschrift “Apps, die Sie hinzufügen können” wähle den Kalender aus. Vergib einen Namen (Ich habe hier einfach “Testkalender” gewählt) und klicke auf “Erstellen”. Du wirst nun wieder zu der App-Übersicht geleitet. Klicke nun auf den Titel oder die Kachel des soeben erstellten Kalenders. Nun

    Read More

  • Color Calendar and Icons in 10 easy Steps (de)

    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

    Read More

  • Highlight rows in list with CSR (de)

    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&lt;rows.length;i++)        {           var status = rows[i][“Status”];  

    Read More