Password#


../../_images/password.png

Основные сведения#

Password - это базовый UI-компонент, предназначенный для ввода паролей в безопасной форме. Этот компонент используется для создания полей ввода пароля, обеспечивая конфиденциальность и защиту введенных данных.

Параметры#

Component properties

Группа настроек

Поле настройки

Варианты значений

Назначение

Name

-

Наименование UI Компонента в системе

Common

Disabled

true, false

Свойство позволяет отключить элемент на форме

Required

true, false

Свойство делает элемент обязательным для заполнения перед отправкой формы

Show clear

true, false

Показывает значок очистки (сброса) значения поля

Auto complete

Поле для выставления значения HTML атрибута autocomplete. Как правило, используйте значение username для поля ввода имени, и password, new-password или current-password для соответствующих полей ввода разных типов паролей. Работает в связке с параметром Provide Root Form для UI контроля Page.

Label

-

Содержит оглавление текстового контейнера

Binding

Множественный выбор Catalog

Содержит связанное поле типа “String” из модели

Events

On value changed

-

Позволяет запускать указанный скрипт, после изменения значения поля

On key down

Позволяет запускать указанный скрипт, после перехода к следующему элементу страницы (tab)

On key up

Позволяет запускать указанный скрипт, после перехода к предыдующему элементу страницы (tab)

On focus

Позволяет запускать скрипт в момент получения элементом фокуса

Tab index

Целое положительное число начиная с нуля

Устанавливает порядок переключения активных (редактируемых) полей через клавиатуру (к примеру, клавишу Tab)

Automation ID

ID контроля для автоматизированных тестов и для передачи настроек CSS

CSS properties

Группа настроек

Поле настройки

Варианты значений

Назначение

Layout

Width

-

Ширина компонента

Height

-

Высота компонента

Grow

true, false

Свойство определяет, насколько элемент будет расти по сравнению с остальными гибкими элементами внутри того же контейнера

Margin

-

Свойство определяет внешний отступ на всех четырёх сторонах элемента

Padding

-

Свойство устанавливает внутренние отступы поля со всех сторон элемента

Appearance

CornerRadius

-

Свойство используется для закругления углов элемента

BorderThickness

-

Свойство позволяет задать рамки для элемента

Brush

Background

-

Свойство устанавливает цвет фона элемента

BorderBrush

-

Свойство устанавливает цвет рамки элемента


Кейсы#

  • Формы Аутентификации: Применение в формах логина и регистрации для безопасного ввода паролей.

  • Интерактивные Формы: Включение в интерактивные формы, где требуется конфиденциальный ввод данных.

Исключения#

  • Ограничения Форматирования: Не поддерживает сложные форматы текста, такие как гиперссылки или встроенные изображения.