Изменение SP.UI.NOTIFY COLOR

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

  •  16-10-2019
  •  | 
  •  

Вопрос

Кто -нибудь знает, как изменить цвет всплывающего окна уведомлений, отображаемого клиентской моделью SharePoint 2010 для JavaScript? Следующее всегда дает мне зеленое всплывающее окно:

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

Я уверен, что можно получить другие цвета, потому что я видел их в различных блогах. Я просто не уверен, как это сделать.

Это было полезно?

Решение

В отличие от sp.ui.status, у вас нет прямого способа установить цвет с помощью уведомлений, но, поскольку это простая строка HTML, которую вы добавляете ты Решите, что входит в зону уведомления.

Я не тестировал это, но следующий синтаксис должен быть в курсе:

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

РЕДАКТИРОВАТЬ: Я отлаживал класс уведомлений и увидел, как он накапливает пролеты в зависимости от погодного подсказки, и был установлен Onclickhandler (ознакомьтесь с методом _AddNotificationNERNAL в CORE.DEBUG.JS). Используемые классы являются S4-Noti, S4-Noti-Noti, S4-Noti-In1 до -IN3, все определены в corev4.css (_layouts styles themable corev4.css). Здесь вы также увидите, что множество цветов фактически контролируются выбранной темой.

Я играл с редактированием их времени выполнения, используя правила 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); 
}

Это не полностью их стиляло, но должно дать вам представление о том, как их редактировать по мере необходимости.

Другие советы

Чтобы узнать о том, как меняются цвета и больше о строке состояния уведомления SharePoint, прочитайте эту статью. http://www.anmolrehan-sharepointconsultant.com/2011/06/sharepoint-status-bar-and-notification.html

Лицензировано под: CC-BY-SA с атрибуция
Не связан с sharepoint.stackexchange
scroll top