Редактирование дизайна в Режиме наполнения

Содержание

Добавьте заголовки в ваш документ, чтобы сгенерировать содержание.

В Режиме наполнения можно менять отдельные параметры стилей элементов — если дизайнер заранее разрешил это в Режиме дизайнера. Это позволяет адаптировать внешний вид блока под задачи бизнеса, не нарушая общую структуру сайта.

Когда доступно редактирование дизайна

В Режиме наполнения редактирование стиля элемента доступно только если одновременно выполнены три условия:

В Режиме дизайнера — для элемента включен чекбокс «Дизайн» в разделе Режим наполнения.

Стиль задан в локальном или пользовательском классе.

Стиль входит в список разрешенных для редактирования свойств. Подробнее: Какие свойства можно редактировать

Если хотя бы одно условие не выполнено, стиль элемента отредактировать не получится.

Где находятся настройки дизайна

Редактировать свойства можно на правой панели в разделе Дизайн элемента.

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

В Режиме наполнения отображаются только те стили, которые заданы для элемента в Режиме дизайнера. Если свойство не было настроено, оно не появится в разделе Дизайн элемента.

Исключение — текстовые элементы. Для них настройки текста доступны всегда, даже если стили не были заданы заранее в Режиме дизайнера.

Какие свойства можно редактировать

В Режиме наполнения можно менять следующие свойства:

Текст:

Все настройки текста, кроме переноса при переполнении и прерывания

Внешний вид:

Непрозрачность

Радиус

Фон

Цвет фона

Границы

Тени (внешняя и внутренняя)

Внутренние и внешние отступы — если они были заданы в Режиме дизайнера

Важно: для свойств Фон и Цвет фона нельзя удалить значение — его можно только изменить или скрыть. Кнопка удаления (—) для этих свойств недоступна.

Редактирование стилей для разных состояний элементов

В Режиме наполнения можно переключаться между состояниями элемента и редактировать их стили — если они были заданы в Режиме дизайнера.

Доступны следующие состояния:

По умолчанию

При наведении

Активный

В фокусе

Посещенный

Переключаться между состояниями можно в разделе Дизайн элемента на правой панели.

Переключение состояния

Настройка стилей в состоянии При наведении

Важно:

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

Изменения применяются отдельно для каждого состояния.

Как сохраняются изменения

Если изменить хотя бы одно свойство в разделе Дизайн элемента:

Для элемента автоматически создается специальный класс.

В этот класс записываются все изменения, сделанные в Режиме наполнения.

В Режиме дизайнера он отображается как пользовательский класс с названием cm-styles.

Особенности класса cm-styles:

Внутри проекта каждый такой класс технически уникален.

Класс располагается после всех остальных классов в списке Источники стилей.

В контекстном меню класса доступно только удаление.

Все изменения в классе cm-styles применяются локально — только к выбранному элементу.

Сброс изменений дизайна

Сброс отдельного свойства

Если значение свойства было изменено в Режиме наполнения, его можно сбросить сочетанием Shift + Reset.

Сброс всех изменений у элемента

В разделе Дизайн элемента есть кнопка сброса всех стилей элемента, измененных в Режиме наполнения.

Кнопка неактивна, если в классе не изменено ни одного свойства.

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