Scalaxi Platform позволяет настроить пользовательский интерфейс для ля каждого компонента в встроенном конструкторе интерфейса (Interface Builder). Interface Builder представляет собой рабочую область раздела Definition в интерфейсе создания Компонента.

В разделе Definition возможно осуществить следущее:

создать и настроить мульти экранный интерфейс Приложения при помощи drag-and-drop редактора, добавляя UI элементы из разделов Basic, Advanced & Layout;
настроить единую объектную модель, необходимую для организации Workflow и Dataflow Приложения;
настроить единую модель пользовательской навигации для web- и mobile- версий Приложения;
настроить индивидуальные наборы CSS-стилей всех UI-компонентов Приложения.

Настройка индивидуальных CSS стилей UI контролей

Большая часть UI компонент доступных в разделе Basic и Advanced позволяет настраивать визуальные параметры отображения UI контролей, такие как сглаживание углов, цветовые гаммы, фоновые изображения и тому подобное.

Ниже перечислены типичные параметры настройки доступные для большинства контролей.

Группа настроек	Поле настройки	Варианты значений	Назначение
Layout	Align items	None, Center,End, Start, Stretch	Доступно только для UI контролей в которые можно вставлять другие UI контроли - например Form, Panel. Свойство align-items определяет как производится выравнивание всех элементов внутри такого контроля-контейнера.
	Width	-	Ширина контроля
	Height	-	Высота контроля
	Grow	true, false	Свойство определяет, насколько контроль будет расти по сравнению с остальными гибкими контролями внутри того же контейнера
	Visible	true, false	Устанавливает признак того, будет ли элемент показан пользователю или скрыт. Может быть изменено через Component Script
	Hidden	true, false	Устанавливает признак того будет ли элемент передан с сервера при запросе формы. Скрытые элементы не доступны для показа пользователю. Параметер может быть изменен через Component Script.
	Margin	-	Свойство определяет внешний отступ на всех четырёх сторонах элемента
	Padding	-	Свойство устанавливает внутренние отступы поля со всех сторон элемента
Appearance	CornerRadius	-	Свойство используется для закругления углов элемента
	BorderThickness	-	Свойство позволяет задать рамки для элемента

Background Color	-	Свойство устанавливает цвет фона элемента
Background Image		Позволяет выбрать фоновое изображение в одном из стандартных форматов (svg, png, jpeg, etc.)
BorderBrush	-	Свойство устанавливает цвет рамки элемента
Hover color		Свойство устанавливает цвет рамки элемента при проведении поверх него мыши

Untitled

Пример использования настройки Background Image:

Untitled