Настройка общих свойств группы компонентов экранной формы

Все добавляемые на экранную форму компоненты добавляются в группы. При создании файла *.mdcontainer автоматически создается единственная группа System Group.

Для упорядочения добавляемых компонентов вы можете сначала настроить желаемую схему расположения компонентов внутри группы: указать тип расположения компонентов — в строку или в столбец. Для единства оформления компонентов в группе вы можете настроить видимость группы, тип выравнивания компонентов в группе, ширину и высоту группы, указать расстояние между компонентами, а также задать CSS-стили компонентов в группе.

примечание

Если вы не настроите схему расположения компонентов и другие общие свойства группы компонентов, DevTools будет использовать параметры по умолчанию.

Чтобы настроить схему расположения компонентов в группе и другие общие свойства:

1. В проекте выберите файл с расширением mdcontainer, соответствующий экранной форме, на которую вы хотите добавить компоненты.

2. В визуальном режиме Редактора Форм выберите группу компонентов.

3. Справа на панели Свойства укажите следующие параметры группы компонентов:

   • Mode: выберите тип расположения компонентов внутри группы:
     • строка: компоненты добавляются в строку по горизонтали слева направо. Этот вариант выбран по умолчанию.
     • столбец: компоненты добавляются в столбец по вертикали сверху вниз.
   • Layout: из раскрывающегося списка выберите шаблон схемы расположения компонентов, согласно которому в текущую группу автоматически будут добавлены дочерние группы. По умолчанию шаблон не выбран.
   • Rows или Columns: выберите количество дочерних групп, которые автоматически будут добавлены в текущую группу. По умолчанию указано значение 0.
   • Visibility: выберите признак видимости группы. По умолчанию группа видима.
   • Align: из раскрывающегося списка выберите тип выравнивания компонентов в группе: по левому краю, по центру, по правому краю, по ширине. По умолчанию выбрано выравнивание по левому краю.
   • Width: укажите ширину группы в процентах от ширины родительской группы. По умолчанию для схемы расположения компонентов в строку установлено значение Auto, а для схемы расположения в столбец — 100%.
   • Height: укажите высоту группы в процентах от высоты родительской группы. По умолчанию для схемы расположения компонентов в строку установлено значение 100%, а для схемы расположения в столбец — Auto.
   • Spacing: выберите расстояние в пикселях между компонентами, которые вы будете добавлять на экранную форму. Вы можете выбрать значения от 0 до 400 px. По умолчанию значение не указано.
   • CSS Editor: укажите CSS-стили компонентов в группе.

4. Вверху справа нажмите Сохранить.

Теперь вы можете перейти к добавлению компонентов на экранную форму.