Ändern der Sp.Ui.notify -Benachrichtigungsfarbe

Question

Weiß jemand, wie man die Farbe des vom SharePoint 2010 Client -Objektmodell für JavaScript angezeigten Benachrichtigungspopup ändert? Das Folgende gibt mir immer ein grünes Popup:

SP.UI.Notify.addNotification('Operation Complete', true);

Ich bin mir ziemlich sicher, dass es möglich ist, andere Farben zu bekommen, weil ich sie in verschiedenen Blogs gesehen habe. Ich bin mir einfach nicht sicher, wie ich es machen soll.

Answer 1

Im Gegensatz zu sp.ui.status haben Sie keine direkte Möglichkeit, die Farbe mit Benachrichtigungen festzulegen, aber da es sich um eine einfache HTML -Zeichenfolge handelt, die Sie hinzufügen Sie Entscheiden Sie, was in den Benachrichtigungsbereich geht.

Ich habe es nicht getestet, aber die folgende Syntax sollte dauerhaft legal sein:

SP.UI.Notify.addNotification('<span style=\'background-color:red\'>Operation Complete</span>', true);

Bearbeiten: Ich habe die Benachrichtigungsklasse debuggen und gesehen, dass sie abhängig von Weather Tooltip und OnclickHandler festgelegt wurde (siehe die _AddnotificationInternale Methode in core.debug.js). Die verwendeten Klassen sind S4-NOTI, S4-NOTI-NOTI, S4-NOTI-in1 bis -in3, die alle in CoreV4.css definiert sind (_layouts styles themable corev4.css). Hier sehen Sie auch, dass viele der Farben tatsächlich durch das gewählte Thema kontrolliert werden.

Ich habe mit der Bearbeitung der Laufzeit mit den CSS -Regeln herumgespielt:

function notifyMe()
{
    var sheet = document.styleSheets[6];
    var rules = sheet.cssRules ? sheet.cssRyles : sheet.rules; //cross browser rules
    for (i=0;i<rules.length;i++)
    {
        if (rules[i].selectorText.toLowerCase()==".s4-noti")
           rules[i].style.backgroundColor = 'red';
        if (rules[i].selectorText.toLowerCase()==".s4-noti-noti")
           rules[i].style.backgroundColor = 'green';
        if (rules[i].selectorText.toLowerCase()==".s4-noti-in1")
           rules[i].style.backgroundColor = 'blue';
        if (rules[i].selectorText.toLowerCase()==".s4-noti-in2")
           rules[i].style.backgroundColor = 'purple';
        if (rules[i].selectorText.toLowerCase()==".s4-noti-in3")
           rules[i].style.backgroundColor = 'magenta';
    }
    var nid = SP.UI.Notify.addNotification("test", true); 
}

Dies hat sie nicht vollständig gestaltet, sollte aber Ihnen eine Idee geben, wie Sie sie nach Bedarf bearbeiten können.

Answer 2

Um die Art und Weise zu wissen, wie sich die Farbänderung und mehr über die SharePoint -Benachrichtigungsstatusleiste verändert, lesen Sie diesen Artikel. http://www.anmolrehan-sharepointconsultant.com/2011/06/sharepoint-status-bar-and-notification.html