Cambiar el color de la notificación SP.UI.Notify

Question

¿Alguien sabe cómo cambiar el color de la ventana emergente de notificación que muestra el modelo de objetos de cliente de SharePoint 2010 para Javascript? La siguiente siempre me da un mensaje emergente verde:

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

Estoy bastante seguro de que es posible obtener otros colores, porque los he visto en varios blogs. No estoy seguro de cómo hacerlo.

Answer 1

A diferencia de SP.UI.Status que no hay manera directa de fijar el color con las notificaciones, pero ya que es un simple cadena HTML está agregando decidir lo que entra en el área de notificación.

lo que no he probado, pero la siguiente sintaxis debe ser perferctly legal:

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

Editar: Me depurado notificar la clase y vi que la acumulación de tramos en función de información sobre herramientas tiempo y se estableció onclickHandler (echa un vistazo al método _addNotificationInternal en CORE.debug.js). Las clases utilizadas son s4-NotI, s4-NotI-NotI, s4-NotI-in1 a -in3 todo se define en COREV4.css (_layouts \\ ESTILOS \ themable \ CoreV4.css). Aquí también verá que los lotes de los colores son en realidad controlado por el tema elegido.

He jugado un poco con la edición de ellos tiempo de ejecución usando las reglas 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); 
}

Esto aún no ha estilo completamente, pero debe darle una idea sobre cómo editar según sea necesario.

Answer 2

Para saber sobre el artículo cómo el cambio de color y más sobre la barra de estado de SharePoint Notificación Por favor, lea esto. http://www.anmolrehan-sharepointconsultant.com /2011/06/sharepoint-status-bar-and-notification.html