Кнопка

Элемент управления Кнопка предназначен для вызова определённой пользовательской функции JavaScript.

Пример отображения элемента управления "Кнопка"
Рисунок 1. Пример отображения элемента управления "Кнопка"

Свойства

Общие

Название ЭУ

Название типа элемента управления.

Название

Уникальное название элемента управления.

Тег

Простое текстовое свойство, позволяющее добавить для ЭУ скрипт (например, JSON).

Внешний вид

CSS класс иконки

Название CSS класса, предоставляющего иконку для отображения на кнопке. Если класс не указан, отображается только подпись без иконки.

Пример класса для предоставления иконки:

.button-icon {
  background-image: url('../../Solutions/SampleSolution/Images/ico-button.png');
  width: 24px;
  height: 24px;
}

Основная кнопка

Включает/отключает использование для кнопки основного цвета карточки.

Подсказка

Содержимое всплывающей подсказки.

Локализуемый

Растягивать на всю ширину

Когда флаг установлен, элемент управления растягивается на всю ширину родительского элемента. Когда флаг снят, ширина элемента управления соответствует содержимому.

Текст

Текст, отображаемый на кнопке.

Локализуемый

Данные

Операция редактирования

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

Если значение Операции редактирования наследуется от родительского Блока, название свойства меняется на Операция редактирования (наследовано).

Поведение

Видимость

Настройка видимости. Элемент управления отображается в карточке, когда флаг установлен. Элемент управления и любое его содержимое не отображаются, когда флаг снят.

Адаптивный

Дополнительные css классы

Названия дополнительных классов CSS для изменения стиля элемента управления. Перечисляются через пробел.

Операция редактирования для видимости

Определяет операцию, которая должна быть доступна, чтобы ЭУ отображался для пользователя. Работа свойства зависит от значения свойства Видимость:

  • Когда флаг Видимость установлен и выбрана операция редактирования для видимости, видимость элемента определяется исходя из доступности пользователю выбранной операции редактирования.

  • Когда флаг Видимость установлен, и операция редактирования для видимости НЕ выбрана, ЭУ отображается всегда.

  • Когда флаг Видимость НЕ установлен, ЭУ всегда скрыт.

Отключен

Когда флаг установлен, отключается возможность изменить значения элемента управления. Работает совместно со свойством `Операция редактирования. Редактирование будет запрещено, если одно из свойств запрещает редактирование.

Адаптивный

Переходить по TAB

Флаг определяет последовательность перехода по ЭУ карточки при нажатии кнопки TAB. Если флаг установлен, переход по TAB разрешён.

Стандартный css класс

Название CSS класса, в котором определён стандартный стиль элемента управления.

События

При наведении курсора

Вызывается при входе курсора мыши в область элемента управления.

При отведении курсора

Вызывается, когда курсор мыши покидает область элемента управления.

При получении фокуса

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

При потере фокуса

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

При щелчке

Вызывается при щелчке мыши по любой области элемента управления.