контент
продукт
подкаст
Слушать последний подкаст:
Ссылки:
наши соцсети
ТГ каналы
элементы

CSS

Элемент «CSS» предназначен для изменения внешнего вида и небольшой кастомизации amoCRM. После того, как вы сохраните CSS-код в элементе и запустите процесс в сделке, как только процесс дойдёт до этого элемента, он будет выполнен в карточке. В результате этого действия будут применены описанные в элементе стили. Следует учитывать, что изменения носят временный характер и сбрасываются после обновления страницы.

Пример

Нередко возникает необходимость сфокусировать внимание менеджера на приоритетной задаче и минимизировать количество отвлекающих элементов в CRM-системе. Предположим, мы хотим скрыть основное меню слева. По умолчанию карточка сделки выглядит следующим образом:
Попробуем скрыть левое меню, составив небольшой процесс:
Внутри элемента «CSS» запишем две строки кода:

/* отключаем отображение меню слева */
#left_menu { display: none; }   
/* убираем отступ слева для оставшейся карточки */
.card-holder { left: 0px; }

После применения кода основное меню слева пропадёт из сделки:
Предположим, мы также хотим убрать блок с названием сделки и информацией о воронке/этапе. CSS-код для нашей задачи будет выглядеть следующим образом:

/* отключаем отображение названия сделки и информации о воронке/этапе */
#edit_card .card-entity-form__top { display: none; } 
/* убираем отступ сверху для оставшейся карточки */
.card-entity-form__fields { padding-top: 0 !important; }
Посмотрим на результат проделанной работы: