Пользовательские стили для опросов

Мы не рекомендуем завязываться на структуру элементов, она может измениться в будущем. В случае если вам не хватает предоставленных системных классов напишите на info@testograf.ru с темой CSS.

Классы блоков страницы

Тип

основной

вложенные

вопрос

question


question_{id} - конкретный вопрос

header

order

title

timer

help - текст подсказки

comment - пользовательский комментарий

фоновое изображение

backgroundImage


Дополнительная обертка контента для встроенных опросов

survey__embedded-content-wrap


блок вопросов

surveyInner

content - внутренний блок с учетом настроек отступов

шапка

header

titleContainer

title

logoContainer

logo

горизонтальный блок

section


начало

start


приветственный текст

welcome


контейнер навигационных кнопок

navigation



Классы для типов вопросов

Тип

основной

вложенные

*

question


Пользовательское соглашение

agreement

answer

label

modal

Дата-время

datetime

answer

label

Выпадающий список

dropdown


Загрузка файлов

fileUpload

answer

label

email

email

answer

label

inputWrap

Группа свободных ответов

groupFreeAnswers

answer

label

invalid

Выбор одного, выбор нескольких, тесты

listSelect

answer

checkbox

inputWrap

invalid

Длинный текст

longText


Текстовая матрица

matrixText

answer

label

cell

Матрица выпадающий

matrixDropdown

answer

label

cell

Матрица выбор одного или нескольких

matrixListSelect

answer

cell

label

Звездная матрица

starsMatrix

answer

label

ФИО

name

answer

label

cell

NPS

nps

answer

label

Число

number


Телефон

phone

answer

label

Ранжирование

rank

answer

Место жительства

residence

answer

label

Шкала

scale

label

answer

Распределительная шкала

scaleDistribute

answer

label

slider

Короткий текст

shortText


Смайлы

smiles

answer

label

Звездный рейтинг

stars


Семантический дифференциал

semDiff

answer

label

Текст между вопросами

textBlock


Выбор изображения

imageSelect

answer

label


Классы визуальных элементов

Общие

тип

основной

вложенные

обязательное поле

required


невалидные данные

invalid


область прокрутки

scroll

content

vbar

hbar

thumb

выпадающий список

select

options

option

поле ввода

input

<input>

<textarea>

списки элементов

list


html-содержимое

richText

<p>

<h1>, <h2>, <h3>

<picture>


checkbox

checkbox

checkboxMark

checkboxSelected

элементы исключенные при печати страницы

noPrint



Примеры загрузки кастомных шрифтов

@font-face {
font-family: 'CustomFont';
src: url('https://core.testograf.ru/files/answers/1050001/Fonts/611c806cd685e74938355a8d8ff528d9.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}

@font-face {
font-family: 'CustomFont';
src: url('https://core.testograf.ru/files/answers/1050001/Fonts/bca4d170a4b3408c51afe5dcdbc4337c.ttf') format('truetype');
font-weight: 700;
font-style: normal;
}

@font-face {
font-family: 'CustomFont';
src: url('https://core.testograf.ru/files/answers/1050001/Fonts/6dd6982ba61f26e309357a572e25a898.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

Продолжая пользование настоящим сайтом, Вы выражаете своё согласие на обработку Сookie-файлов в соответствии с Политикой использования Cookie-файлов