Перенос наследованных компоновок
Можно перенести унаследованную адаптивную или статическую компоновку в адаптивную компоновку, основанную на модуле гибкого поля CSS (Flexbox). Компоновки Flexbox позволяют проще создавать расширенные компоновки. После переноса наследованной компоновки компоновка мэшапа разделяется на контейнеры, которые используются для группирования элементов. С помощью панели Компоновка можно создавать компоновки следующими способами:
• Добавлять, конфигурировать или удалять контейнеры в мэшапе.
• Задавать правила компоновки для элементов в каждом контейнере. Вы можете задавать опции направления элемента, выравнивания и переноса текста.
• Настраивать размер контейнера относительно других контейнеров в мэшапе.
Дополнительные сведения о доступных свойствах см. в разделе Адаптивные мэшапы.
В следующих разделах описаны различные варианты использования для переноса наследуемых компоновок.
Перенос унаследованного статического мэшапа
Унаследованный статический мэшап переносится в адаптивный мэшап с контейнером верхнего уровня, имеющим статическое позиционирование и фиксированный размер. Виджеты в мэшапе переносятся в новый контейнер. Переносятся свойства позиционирования Top и Left каждого виджета в компоновке. На следующем рисунке показаны изменения структуры после переноса унаследованного статического мэшапа, содержащего виджет "Кнопка".
Унаследованный виджет "Кнопка" заменяется стандартной кнопкой с теми же самыми значениями свойств Top и Left. Можно сконфигурировать статические свойства и выравнивать элементы на панели Компоновка.
Перенос унаследованного адаптивного мэшапа
Виджет Компоновка в унаследованном адаптивном мэшапе заменяется контейнерами. Столбцы или строки заменяются на адаптивные контейнеры. Верхние и нижние колонтитулы и боковые панели заменяются контейнерами с фиксированной шириной или высотой.
 | В ThingWorx 9.1 и более ранних версиях функции свертывания и развертывания боковых панелей в виджете компоновки не переносятся. Свертываемые панели заменяются стандартными контейнерами. |
Значения фиксированной ширины переносятся из свойств LeftSidebarWidth и RightSidebarWidth виджета "Компоновка". Верхний и нижний колонтитулы переносятся в контейнеры с фиксированной высотой. Значения фиксированной высоты переносятся из свойств HeaderHeight и FooterHeight виджета "Компоновка". На следующем рисунке показан перенос из мэшапа с виджетом "Компоновка" в контейнеры.
Столбцы в компоновке переносятся как адаптивные контейнеры. Дополнительные сведения о конфигурировании контейнеров см. в разделе Конфигурирование свойств контейнера и Адаптивные мэшапы.