Low-code дизайнер > Создание интерфейсов > Типы виджетов > Размещение элементов / Счетчик

Счетчик

Данный виджет является индикатором и используется для отражения количества текущих задач, сделок, лидов и т.п., содержащихся в определенном элементе системы.

Чтобы разместить виджет, перетащите его с правой панели дизайнера интерфейсов на поле для моделирования или нажмите кнопку +Виджет. Подробнее читайте в статье «Шаблон формы». Затем выполните настройку в открывшемся окне.

Вкладка «Основные»

счетчик 365

  • Значение — задайте числовое значение счетчика вручную или нажмите на кнопку ссылки и укажите созданную ранее переменную виджета или приложения типа Число, которая будет отображать числовое значение счетчика;
  • Текст — помимо числового значения, можно задать надпись, отображаемую на индикаторе. Задайте надпись вручную или нажмите на кнопку ссылки и укажите созданную ранее переменную виджета или приложения типа Строка, которая будет отображать текстовое значение счетчика;
  • Цвет* — позволяет выбрать цвет отображаемого индикатора.

Вкладка «События»

counter-widget-2

  • Событие при наведении курсора на счетчиквы можете задать событие, которое произойдет, когда пользователь наведет курсор на счетчик. К примеру, откроется всплывающее окно с подсказкой. Для этого нужно добавить соответствующий сценарий. Нажмите кнопку Создать, введите название сценария и нажмите Открыть. Откроется вкладка Сценарии, где вы сможете прописать необходимый сценарий.
  • Событие при наведении курсора за границы счетчика вы можете задать событие, которое произойдет, когда пользователь переместит курсор за пределы счетчика. К примеру, окно, вызванное ранее при наведении курсора, закроется. Так же как и для события при наведении курсора, добавьте сценарий. Эти события рекомендуется настраивать в связке.
  • Событие при наведении курсора — позволяет задать событие, которое произойдёт, когда пользователь наведёт курсор на виджет.
  • Событие при перемещении курсора за границы — позволяет создать событие, которое произойдёт, когда пользователь переместит курсор за пределы виджета.

Вкладка «Системные»

Системные настройки одинаковы для всех виджетов. Они позволяют управлять видимостью виджетов и доступом к ним и т. д. Подробнее об этом читайте в статье «Системные настройки виджетов».

Для завершения настройки виджета нажмите кнопку Сохранить. Чтобы настроенная форма стала доступна пользователям, нажмите Сохранить и Опубликовать на верхней панели дизайнера интерфейсов.

Пример

На данном примере Счетчик прикреплен к кнопке Новые сделки, что позволяет пользователю ознакомиться с общим количеством новых сделок.

счетчик 2