Cambiare il colore di notifica SP.UI.Notify

Question

Qualcuno sa come cambiare il colore del popup di notifica visualizzato dal modello a oggetti SharePoint 2010 client per Javascript? Il seguente sempre mi dà un pop-up verde:

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

Sono abbastanza sicuro che sia possibile ottenere altri colori, perché li ho visti su vari blog. Solo che non sono sicuro di come farlo.

Answer 1

A differenza SP.UI.Status non avete modo diretto di regolazione del colore con le notifiche, ma dal momento che si tratta di una semplice stringa HTML che si sta aggiungendo decidere che cosa va in area di notifica.

I havent testato, ma la seguente sintassi dovrebbe essere perferctly legale:

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

Modifica: Ho il debug della classe notificare e ho visto che costruire campate a seconda del tempo e tooltip onclickHandler è stato impostato (controllare il metodo _addNotificationInternal in CORE.debug.js). Le classi utilizzate sono s4-noti, s4-noti-noti, s4-noti-in1 per -in3 tutti definiti in COREV4.css (_layouts \\ STILI \ Themable \ CoreV4.css). Qui si vedrà anche che un sacco di colori sono in realtà controllato dal tema scelto.

Ho suonato in giro con la modifica di loro runtime utilizzando le regole CSS:

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); 
}

Questa non ha ancora del tutto lo stile di loro, ma dovrebbe darvi un'idea su come modificare in base alle necessità.

Answer 2

Per conoscere circa l'articolo come il cambiamento di colore e di più sulla barra di stato di notifica di SharePoint Si prega di leggere questo. http://www.anmolrehan-sharepointconsultant.com /2011/06/sharepoint-status-bar-and-notification.html