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

Счетчик

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

Чтобы настроить виджет, перетащите его с правой панели конструктора интерфейсов на поле для моделирования или нажмите кнопку +Виджет. В открывшемся окне укажите нужные опции.

счетчик 1

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

 

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

Подробнее о контекстных переменных читайте в статье Типы контекста.

Такие настройки, как скрытие, обязательность заполнения, HTML стили,  события при наведении или при перемещении курсора за границы являются общими для всех виджетов и описаны в соответствующей статье справки.

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

Пример