Список Компонентов

Набор базовых, наиболее распространенных UI-компонентов для формирования интерфейса экранных форм Приложения

Label

UI-Компонент отвечает за отображение и настройку текстовых нередактируемых полей.

Component properties:

Группа настроек Поле настройки Варианты значений Назначение
Name - Наименование UI-Компонента в системе
Text Font size - Свойство определяет размер шрифта
Color - Модуль в CSS, который работает с цветами, типами цветов и прозрачностью.
Bold true, false Свойство позволяет сделать текст жирным
Italic true, false Свойство позволяет сделать текст курсивным
Text alignment Left, Right, Center, Justify Свойство используется для установки выравнивания текста по горизонтали
Common Binding Множественный выбор Catalog Выбор поля из доступных Property
Value - Свойство, которое Позволяет задать статическое значение поля
Format - Только для полей DataTime:
Свойство, которое позволяет задать формат ввода и вывода данных

CSS properties

Группа настроек Поле настройки Варианты значений Назначение
Layout Align items None, Center,End, Start, Stretch Свойство align-items производит выравнивание всех элементов внутри флекс контейнера
Width - Ширина компонента
Height - Высота компонента
Grow true, false Свойство определяет, насколько элемент будет расти по сравнению с остальными гибкими элементами внутри того же контейнера
Margin - Свойство определяет внешний отступ на всех четырёх сторонах элемента
Padding - Свойство устанавливает внутренние отступы поля со всех сторон элемента
Appearance CornerRadius - Свойство используется для закругления углов элемента
BorderThickness - Свойство позволяет задать рамки для элемента
Brush Background - Свойство устанавливает цвет фона элемента
BorderBrush - Свойство устанавливает цвет рамки элемента

Text field

UI Компонент отвечает за отображение и настройку вывода и ввода текста

Component properties

Группа настроек Поле настройки Варианты значений Назначение
Name - Наименование UI Компонента в системе
Common Disabled true, false Свойство позволяет отключить элемент на форме
Required true, false Свойство делает элемент обязательным для заполнения перед отправкой формы
Label - Содержит оглавление текстового контейнера
Binding Множественный выбор Catalog Содержит связанное поле типа “String” из модели
Events On value changed - Позволяет запускать указанный скрипт, после изменения значения поля
Tab index Целое положительное число начиная с нуля Устанавливает порядок переключения активных (редактируемых) полей через клавиатуру (к примеру, клавишу Tab)

CSS properties

Группа настроек Поле настройки Варианты значений Назначение
Layout Width - Ширина компонента
Height - Высота компонента
Grow true, false Свойство определяет, насколько элемент будет расти по сравнению с остальными гибкими элементами внутри того же контейнера
Margin - Свойство определяет внешний отступ на всех четырёх сторонах элемента
Padding - Свойство устанавливает внутренние отступы поля со всех сторон элемента
Appearance CornerRadius - Свойство используется для закругления углов элемента
BorderThickness - Свойство позволяет задать рамки для элемента
Brush Background - Свойство устанавливает цвет фона элемента
BorderBrush - Свойство устанавливает цвет рамки элемента

Password

Untitled

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