Размер и позиционирование

Управлять размерами и позиционированием любого объекта можно прямо в рабочей области макета. Чтобы изменить пропорции, кликните по объекту в рабочей области и потяните за зеленую опорную точку с зажатой левой клавишей мыши (LKM). Чтобы изменить его позиционирование, выделите объект и перетащите его с зажатой LKM в нужную область.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/459c0a68-1763-4711-befd-54d6b0846c9b/visual-editor_01.gif

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

  1. Для этого выделите нужный объект и кликните по вкладке Settings, если она еще не открыта (быстро открыть настройки любого объекта можно двойным кликом по этому объекту).
  2. Введите нужные значения в поля Size и Position (значения указаны в процентах).
  3. После того, как вы закончили все операции с макетом, не забудьте нажать кнопку Save в панели навигации по странице.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/1e40c4fa-7541-4e79-9c46-17d598c6f2cd/visual-editor_02.gif

Визуальная иерархия

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

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/512be2de-7851-4ae4-88a3-d2a0d862c009/visual-editor_03.gif

<aside> 💡 Виджет не может находится ниже по иерархии, чем слой.

</aside>