Дизайнер ELMA > Интерфейсы / Типы компонентов

Типы компонентов

Формы, страницы и портлеты строятся при помощи компонентов. Вы можете использовать набор компонентов, встроенных в систему, или на их основе создать собственные компоненты.

Компонент это элемент интерфейса с определенным функционалом для решения таких задач, как отображение изображений, подсказок, уведомлений  и т. д.

Чтобы добавить компонент на форму, страницу, портлет или пользовательский компонент, перейдите в конструкторе форм или интерфейсов в раздел Компоненты, нажав кнопку form-builder-icon-3. Выберите нужный компонент. Для удобства можно отсортировать список по алфавиту. Затем перетащите компонент на форму, страницу, портлет или в пользовательский компонент и задайте его настройки. Подробнее о том, как перейти к настройкам при моделировании формы, можно прочитать в статье «Конструктор форм». О переходе к настройкам при моделировании страницы, портлета или пользовательского компонента читайте в статье «Моделирование»Настройки компонентов описаны в статье по каждому из них.

В ELMA4 все компоненты разделены на группы:

  • Основные;
  • Компоненты;
  • Диаграммы;
  • Дополнительные.

Основные, дополнительные компоненты и диаграммы являются системными компонентами. В группе Компоненты находятся все опубликованные пользовательские компоненты, которые вы создали самостоятельно.

Если вы моделируете страницы, доступна также группа Панель инструментов. В ней содержатся компоненты Группа и Разделитель, при помощи которых на странице можно создать панель инструментов. Подробнее об этом читайте в статье «Панель инструментов».

Если второй рантайм отключён в системе, доступно ограниченное количество компонентов из групп Основные и Дополнительные. Подробнее о втором рантайме читайте в Базе знаний.

Компоненты с контейнером и без контейнера

Компоненты различаются возможностью вкладывать в них элементы.

По этому критерию их можно разделить на 2 типа:

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

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

Чтобы внутри пользовательского компонента появилась область для вставки, разместите в нем компонент Область для вставки компонента. Таких областей может быть несколько. Подробнее о том, как это сделать, читайте в статье «Область для вставки компонента».

Переход к вложенным элементам

Для более удобной работы с компонентом, который содержит контейнер, существует возможность перейти к тем элементам, которые размещены внутри него. Это можно сделать несколькими способами:

  • выделите компонент и нажмите на значок component-types-icon-1;
  • на верхней панели конструктора форм или интерфейсов раскройте список вложенных элементов и выберите необходимый;
  • на верхней панели нажмите на кнопку component-types-icon-2 и выберите необходимый элемент в дереве (этот способ доступен только при моделировании страниц, портлетов и пользовательских компонентов).

После этого в области для моделирования отобразится только выбранный вложенный элемент.

Нашли опечатку? Выделите текст, нажмите ctrl + enter и оповестите нас