Добавление и перемещение элементов
Добавить элементы на страницу можно с помощью панели Элементов (Elements) на Панели Навигатора. Эта панель открывается при нажатии кнопки + справа от названий вкладок.
На панели Элементов находится список всех доступных элементов и виджетов, разделенных на группы:
- Расположение (Layout) - элементы, используемые для создания структуры сайта и группировки других элементов.
- Типографика (Typography) - элементы для отображения текста.
- Виджеты (Widgets) - комплексные элементы, выполняющие определенные функции, а также элементы для добавления изображений.
- Формы (Forms) - элементы для создания форм.
Добавить элемент на холст можно следующими способами:
Для этого зажмите мышкой элемент на панели Элементов и перетащите в нужное место холста.
- элемент, в который происходит вставка - обозначен синим сплошным контуром и меткой с названием
- вставляемый элемент - обозначен синим пунктирным контуром
- место вставки элемента - обозначено желтой линией
- элементы, в которые нельзя вставить элемент - обозначены синей косой штриховкой
Для этого выберите на Холсте или на вкладке Слои (Layers) элемент, в который хотите вставить новый элемент. Он будет обозначен на Холсте синей обводкой и меткой с названием наверху, а также выделен на вкладке Слои.
Далее кликните по названию добавляемого элемента на панели Элементов. Новый элемент автоматически добавится в активный элемент. При наличии в активном элементе других дочерних элементов новый элемент будет добавлен последним.
Если в активный элемент нельзя вставить новый элемент, выводится сообщение об ошибке.
Перетаскивать элементы можно двумя способами:
Вы можете перетаскивать элементы в другое место непосредственно на Холсте. Для этого выберите на Холсте нужный элемент (он будет обозначен синей обводкой и меткой с названием наверху). Затем зажмите левую кнопку мыши и перетащите элемент в нужное место Холста.
- элемент, в который происходит вставка - обозначен синим сплошным контуром и меткой с названием
- вставляемый элемент - обозначен синим пунктирным контуром
- место вставки элемента - обозначено желтой линией
- элементы, в которые нельзя вставить элемент - обозначены синей косой штриховкой
Вы можете перетаскивать элементы выше или ниже или вкладывать их в другие элементы на Вкладке Слои. Для этого выберите элемент, зажмите левую кнопку мыши и перетащите элемент в нужное место.
Желтая линия покажет, куда будет перенесен элемент. Удерживая при перетаскивании кнопку мыши и перемещая курсор немного влево или вправо, вы можете регулировать желаемую вложенность элемента. Синяя контурная подсветка целевого элемента покажет, в какой именно элемент будет осуществлен перенос. Желтая линия при этом становится длиннее или короче в зависимости от степени вложенности элемента.
Пример:
Таким образом, для того, чтобы поместить элемент внутрь другого элемента, нужно при перетаскивании навести курсор на целевой элемент и, не отпуская кнопку мыши, немного сдвинуть курсор вправо. При этом обращайте внимание на синюю контурную подсветку - она должна появиться у желаемого целевого элемента.
Некоторые элементы нельзя перетащить в другое место - это закрепленные элементы. Это могут быть элементы виджета, которые нельзя перемещать за его пределы, например, пункты Меню или Блоклиста. Эти элементы обозначены границами по углам.
При попытке переместить такой элемент выводится сообщение об ошибке.
