Changer la couleur de notification SP.UI.Notify

sharepoint.stackexchange https://sharepoint.stackexchange.com/questions/3808

  •  16-10-2019
  •  | 
  •  

Question

Quelqu'un sait comment changer la couleur de la fenêtre de notification affichée par le modèle objet client SharePoint 2010 pour Javascript? Ce qui suit me donne toujours un popup vert: 

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

Je suis sûr qu'il est possible d'obtenir d'autres couleurs, parce que je les ai vu sur divers blogs. Je ne suis pas sûr de savoir comment le faire.

Était-ce utile?

La solution

Contrairement SP.UI.Status vous avez aucun moyen direct de définir la couleur avec des notifications, mais comme il est une simple chaîne HTML que vous ajoutez décider ce qui se passe dans la zone de notification.

Je nai testé, mais la syntaxe suivante doit être perferctly juridique: 

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

Edit: Je débogués notify classe et vu construire portées selon infobulle météo et onclickHandler a été mis (vérifier la méthode _addNotificationInternal dans CORE.debug.js). Les classes sont utilisées s4-Notl, s4-Notl-Notl, s4-Notl-in1 à -in3 tous définis dans COREV4.css (Condition STYLES de _layouts \ Themable \ CoreV4.css). Ici, vous verrez aussi que beaucoup de couleurs sont en fait controlée par le thème choisi.

J'ai joué avec les éditer en utilisant les règles en mode Process 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); 
}

na pas style complètement, mais devrait vous donner une idée sur la façon de les éditer au besoin.

Autres conseils

Pour savoir sur la façon dont le changement de couleur et plus sur la notification SharePoint Barre d'état S'il vous plaît lire cet article. http://www.anmolrehan-sharepointconsultant.com /2011/06/sharepoint-status-bar-and-notification.html

Licencié sous: CC-BY-SA avec attribution
Non affilié à sharepoint.stackexchange
scroll top