Розширені стилі

Налаштування кольору, шрифту та радіуса кутів на вкладці Атрибути покривають більшість опитувань, але не всі випадки — іноді потрібен точний контроль над однією конкретною кнопкою, відступами поля або точками степера між кроками. Розширені стилі додають кожному опитуванню єдиний CSS-редактор саме для цього: звичайний CSS, написаний один раз і застосований поверх власних стилів віджета за замовчуванням.

Відкрийте опитування, перейдіть у ОпитуванняРозширені стилі. Кожен блок нижче — звичайне CSS-правило: змініть будь-який із них, і попередній перегляд опитування оновиться під час введення, кнопка збереження не потрібна (зберігається так само, як і все інше опитування).

Єдиний CSS-редактор і живий попередній перегляд поруч один з одним.

Що можна стилізувати

Редактор заздалегідь заповнений одним порожнім блоком на кожну частину віджета — просто впишіть оголошення або залиште блок порожнім, щоб не чіпати цю частину:

  • Заголовок форми, контейнер форми та степер (кожна крапка, включно з номером усередині неї через :after).
  • Кнопки — один клас, спільний для всіх кнопок, плюс окремий клас для «Назад», «Далі» та «Надіслати» окремо, тож можна стилізувати їх усі разом або кожну окремо.
  • Контейнер, підпис, повідомлення про помилку та поле вводу кожного поля — або одразу для всіх полів заданого типу (наприклад, «кожне поле Textarea»), або для одного конкретного поля через його власний селектор .OivaFeedbackCustomClass__field__<fieldKey>, який генерується автоматично для кожного поля і показується в редакторі.

Чому це безпечно

Будь-яке написане вами правило впливає лише на це одне опитування (або одне поле) — воно не може просочитися в інше опитування, вбудоване на тій самій сторінці, і не може вплинути на щось інше на сайті, де розміщено віджет. Це забезпечено структурно (кожне правило обмежене областю опитування чи поля, на яке воно націлене), а не обмеженням того, який CSS вам дозволено писати.

Назад до Створення опитування · Атрибути