WYSIWYG Web Builder

Содержание

Инспектор свойств

Инспектор свойств (Properties Inspector) используется, чтобы рассмотреть и изменить свойства выделенных объектов.

Вы можете также использовать окно Properties Inspector, чтобы изменить свойства страницы. Изменения будут немедленно видимы.

См. также Свойства страницы

Отражаются только объекты, расположенные на активной странице (т.е. той, которая находится в окне редактирования).

Когда Вы выделяете несколько объектов, только свойства первого выделенного объекта появляются.

Свойства отражаются только для выделенного объекта (см. Объекты ), для этого нужно щелкнуть по объекту в окне редактирования.

Или: При щелчке по значку (треугольник)в верхней строке окна появляется список всех объектов на странице. При щелчке по названию объекта его свойства также отражаются в Инспекторе свойств.

Панель Инспектора свойств во многом дублирует такие инструменты, как Свойства страницы и Свойства объекта.

Автоскрытие панелей

Можно свернуть панель Инспектора свойств, щелкнув по кнопке автоскрытия (Auto Hide) - на правой границе окна программы останется лишь текстовые кнопки Менеджера сайта и Инспектора свойств (Properties).

При наведении курсора на текст кнопок (Site Manager или Properties) панели  разворачиваются в полный размер, как показано на анимации ниже.

На панели Инспектора свойств определяются: цвет фона, границы (цвет, толщина), ID объекта, его размеры и позиция на странице и прочее.

ID объекта (логин) должен быть уникальным в пределах страницы. Обычно редактор создает ID автоматически.
Если Вы используете главные страницы (MasterPage) и хотите дать объектам  уникальное ID, рекомендуется таким страницам давать название с приставкой по типу MasterPage_Text1. При этом, если основная страница используется в другой странице,  ID объектов будет уникальным.

Если никакой объект не выделен, то на панели Инспектора свойств отражаются свойства страницы - можно определить общие свойства страницы, цвета ссылок, ввести метаданные и пр.

Object name - Название объекта (Раскрывающийся список)

Перечисляет в настоящее время выделенные  объекты или Page - 'Страницу' (если никакой объект не выделен).

Панель инструментов Инспектора свойств (Toolbar)

1. Categorized  - Списки объектов по категориям.
Вы можете сократить категорию, чтобы сократить количество видимых свойств. Когда Вы расширяете или сокращаете категорию, Вы видите плюс (+) или минус (-) налево от названия категории. Категории перечислены в алфавитном порядке.

2. Alphabetic  - Перечислены все свойства объектов в алфавитном порядке.

3. Properties -  Отображает диалоговое окно свойств  выделенного элемента. Аналогично набору свойств, доступных в окне Properties.

4. Events - События, которые могут быть применены к выделенному объекту (см. События)

5. Search - Поиск

Properties/Values - Отображает свойства и их значения избранного объекта.

Description pane -  Показывает тип свойства и короткое описание свойства.

Примечание:
Также возможно вручную изменить размер и позицию выделенного объекта, изменяя свойства  Position и Size properties - Позиции и Размера.

Новая функция: инспектор свойств будет отображать значок Responsive  ("отзывчивый"), если свойство имеет разные значения в точках останова.
- Новая функция: добавлена Reset Property (RWD) ("сброс свойства (RWD)". Это приведет к сбросу выбранного значения, так что будет одинаковым для всех точек останова.
- Новая функция: добавлен Reset All Properties (RWD) ("сброс всех свойств (RWD)". Это приведет к сбросу всех отзывчивых значений объекта.
- Новая функция: добавлен раздел команд с ярлыками для More properties  ("дополнительных свойств"), событий, HTML и анимации.

Новое для Gradients (Градиенты) - Улучшено: вывод CSS теперь поддерживается для всех встроенных градиентов. Улучшенные стили градиентов были также добавлены ко всем объектам, которые ранее их не поддерживали: меню CSS, меню слоев, мегаменю, меню наложения, меню панели, меню слайдов, меню вкладок и стилей. Подробнее