«Конструктор форм» (страницы) - представляет собой конструктор элементов интерфейса пользователя в формате веб-страниц.
Предназначен для разработки функционала функционального приложения.
Обеспечивает следующие функциональные возможности:
- Создание страницы из шаблона с использованием панели страниц;
- Копирование страницы;
- Сохранение созданной страницы в дереве страниц. Страницы в дереве страниц отображаются по времени добавления в систему (от самой поздней (последней добавленной) к самой ранней);
- Изменение названия страницы;
- Удаление страницы. Перед удалением страницы система формирует предупреждающее сообщение об удалении страницы и данных страницы, операция выполняется при подтверждении пользователем удаления страницы;
- Сортировка страниц. Предоставляется возможность сортировки страниц как в прямом, так и в обратном алфавитном порядке, по времени редактирования/добавления страницы (от самой поздней даты к самой ранней);
- Редактирование страниц;
- Связывание процессов с элементами Форм GrapesJs;
- Связывание моделей данных в КМД с элементами Форм GrapesJs;
- Динамическое изменение размеров элементов GrapesJs и отображение текущих размеров.
Панель инструментов конструктора форм
|
Иконка инструмента |
Название инструмента |
Описание действия |
 |
Полноэкранный | Полноэкранный режим отображения страницы |
 |
Адаптив (планшет) | Режим отображения страницы – адаптив (планшет) |
 |
Адаптив (мобильный) | Режим отображения страницы – адаптив (мобильный) |
 |
Показать границы компонентов | Элемент просмотра границ созданных компонентов |
 |
Предпросмотр | Предпросмотр страницы в текущей вкладке |
 |
Полный экран | Показать полный экран |
|
|
Посмотреть код страницы | При нажатие отображается выпадающее окно с кодом страницы |
|
|
Возврат к предыдущему действию | Действия назад, можно увидеть при создание элемента - возврат к предыдущему действию |
|
 |
Переход к следующему действию | Переход к следующему действию до последнего совершенного действия |
|
 |
Импорт страницы | |
|
 |
Очистить страницу | |
|
 |
Копировать компонент в буфер | |
|
 |
Вставить компонент из буфера | Вставка заранее скопированного компонента из буфера |
|
 |
Приблизить | Масштабирование: приблизить |
|
 |
Отдалить | Масштабирование: отдаление |
|
 |
Открыть вкладку в новом окне |
Рабочая область конструктора форм
| Иконка рабочей области | Название | Описание доступных действий |
|
 |
Страницы | Коллекция страниц. Каждая страница является рабочей областью конструктора форм, позволяющей выполнять динамическое изменение страницы/формы с использованием элементов изменения формы, расположенных непосредственно в рабочей области страницы. |
|
 |
Слои | Своеобразные «листы», которые можно создавать, удалять, преобразовывать или менять их порядок. Слои позволяют просматривать и редактировать компоненты , а также перемещаться по ним. Можно управлять отображением слоев, используя настройки по умолчанию и настройки исходного состояния. |
|
 |
Блоки | Компоненты для работы в конструкторе форм разделенные на группы. |
|
Пользовательские компоненты | Созданная пользователем связь между однотипными единицами интерфейса или целыми разделами служит для переиспользования в конструкторе форм. |