Кастомизация
13
Мар
0

Цветовой индикатор для формы

Маленький фокус, добавляющий к форме CRM цветную полоску-индикатор. Для реализации будет использоваться стандартная «желтая полоска» нотификации CRM. Отличие от предыдущей реализации (http://mmcrm.ru/?p=1789) заключается в том, что мы не будет использовать стандартные функции, а будем с помощью JS капаться в DOM’е. Плюс добавим функционал по раскраске полоски 🙂

Создайте следующий JS Веб-ресурс и подключите его к нужной Вам форме:

// Добавлям разноцветную полоску
function addNote(text, color) {
    var displayBar = document.getElementById("crmNotifications");
    displayBar.style.display = "inline";
    displayBar.style.height = "25px";
    displayBar.style.width = "100%";
    displayBar.style.backgroundColor = color;
    displayBar.innerText = text;
}

// Удаляем разноцветную полоску
function clearNote() {
    var displayBar = document.getElementById("crmNotifications");
    displayBar.style.display = "none";
}

Код состоит из двух простых функций:

  • addNote – отображает полоску на экране. Принимает два параметра: строка текста (может быть пустой) и цвет полоски;
  • clearNote – убирает полоску.

Вызываете эти две функции по своему усмотрению где либо в коде.


Комментарии (0)

*

code