Привязка к краям

Stick to Edges привязывает виджет или группу к краям окна браузера по горизонтали и к краям статьи по вертикали. Например, фигура может стоять в 50 px от левого края окна, даже если сама статья находится в узком контейнере по центру сайта.

Включить привязку

1. Выделите виджет или группу во фрейме.
2. Раскройте секцию Stick to Edges в правой панели.
3. Выберите нужный край.
4. Перетащите виджет от края, чтобы задать отступ.

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

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

Растянуть по ширине

Нажмите середину контрола, чтобы привязать виджет к левому и правому краям. При нулевых отступах он займёт всю ширину окна.

Чтобы оставить отступы, потяните боковые ручки изменения размера внутрь. Существующие отступы сохраняются при включении растяжения.

Ширина такого виджета зависит от ширины окна и заданных отступов. Перемещать его можно только по вертикали; поля X и W в Layout недоступны.

Отступы не могут быть отрицательными. Если окно слишком узкое для заданных отступов, они временно уменьшаются пропорционально. Сохранённые значения не меняются.

Привязать по вертикали

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

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

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

Группы

Привязка доступна для группы целиком. При её растяжении вложенные виджеты меняют размер и расположение пропорционально.

Внутри группы нельзя привязать отдельный виджет к краям. При объединении виджетов в группу их прежние привязки снимаются, а положение сохраняется. После Ungroup привязки не восстанавливаются.

Сборка в колонку

Into Column сохраняет привязки, но обнуляет их отступы — в том числе при изменении Width или Gap. Поэтому виджет с привязкой к обоим боковым краям растянется на всю ширину окна, независимо от ширины колонки.

Ограничения

• У повёрнутого виджета углы могут выходить за край, к которому он привязан.
• Виджет прокручивается вместе со статьёй. Чтобы закрепить его на экране при прокрутке, используйте Fix on Scroll.
• Если сайт обрезает части виджета за границами статьи, обратитесь к разработчику сайта: нужно проверить настройки контейнера материала.

Связанные настройки: Layout, группы.