Список Компонентов
Набор базовых, наиболее распространенных UI-компонентов для формирования интерфейса экранных форм Приложения
https://lh5.googleusercontent.com/D2HUOJjwIMF5QrxNnSdvDb2azPDm6T4e_5SSVXC-ikvPegpXIwnFIYlie1AtKMVaa_9GKjg6DcEYv-k7bbyKhTEJmHHy8MHEBsV8j2mBcgqns_xo12hRHzJgGLtNR7q3rIrQBq0
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 | - | Свойство устанавливает цвет рамки элемента |
https://lh4.googleusercontent.com/u0URk5EnqWQ-hfDByXshj8clxMGde1gO7PhH438xDqtUw9IJd8D1CjYKKroBxBNwGdSma7JmII9WvF1MQZmjdo7VPLn3_-twDEVswYVPOUnwUyvMTyB6nncZwjvMn6LRjsDEfPE
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 | - | Свойство устанавливает цвет рамки элемента |
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 |