Свой CSS для формы

Функция «Свой CSS» позволяет:

• Подключать пользовательские CSS-стили;
• Загружать изображения;
• Загружать, редактировать, сохранять и применять CSS-код;
• Управлять внешним видом формы независимо от стандартных стилей QForm.

Для этого:

1. Откройте страницу «Конструктор» нужной формы
2. Перейдите в раздел «Дизайн» →  «Свой CSS», чтобы открыть редактор стилей.

Интерфейс редактора

• При первом открытии редактор пустой. Отображаются следующие элементы:
• Поле ввода CSS-кода с подсветкой синтаксиса, отступами и переносом строк.
• Кнопки управления:
  • Очистить — удаляется весь код.
  • Загрузить — возможность загрузить CSS-файл.
  • Скачать — сохранить текущий CSS-код на устройство.
  • Скопировать — скопировать код в буфер обмена.

Работа с CSS-кодом

• Включите переключатель «Активировать CSS».
• Введите валидный CSS-код в редактор.
• Нажмите Сохранить. Появится сообщение: «Сохранено».

Важно!

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

Загрузка и управление файлами

Можно загружать:

• CSS-файлы (.css) — для подключения стилей.
• Изображения (.jpg, .jpeg, .png, .bmp, .webp) — для использования в CSS.

Способы загрузки:

• Drag-n-drop — перетащите файл в редактор.
• Кнопка Загрузить — открывает диалоговое окно для выбора файла на устройстве.

Ограничения:

• Макс. размер одного файла – не более 20 МБ
• Общий объём всех файлов – не более 50 МБ
• Макс. количество файлов – не более 30 шт.

После загрузки файл отображается в списке с информацией:

• Имя файла
• Размер, разрешение, формат
• Кнопки:
  • Скопировать ссылку — копирует URL файла в буфер.
  • Удалить — удаляет файл.

Использование изображений в CSS:

1. Загрузите изображение.
2. Нажмите Скопировать ссылку.
3. Вставьте URL в CSS-код:

 Нажмите кнопку Сохранить

При возникновении ошибок:

• Проверьте валидность CSS.
• Проверьте размер и формат файлов.

Теперь вы можете полностью настроить внешний вид своей формы с помощью пользовательских CSS-стилей.