Настройка компоновок для всех устройств

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

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

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

Подсказка:

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