Магия CSS/HTML/JS на GetCourse, Prodamus.XL и вообще
1.07K subscribers
23 photos
5 videos
1 file
8 links
Канал клуба Магии CSS/HTML/JS. Подписка по ссылке https://gcwithme.ru/getmagic. Промокод спрашивайте в @getmagic_chat
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
ЗВЕЗДНЫЙ РЕЙТИНГ

Изначально этот урок появился в одной из Недель Магии как элемент геймификации. Затем @araviw обновила его для того, чтобы в одной анкете собирать сразу все оценки уроков тренинга. Согласитесь, удобно - есть анкета из 30 вопросов (один вопрос - это один урок), а в самом уроке виден только один вопрос, который относится к этому уроку, а остальные 29 не видны. Видимость делается автоматически, никакого ручного труда!

Затем оно стало поддерживать оценку нескольких вопросов в большой анкете (звездочки+поле для ввода текста), потом добавили и цели.

Как самостоятельный вариант появилось решение, когда звездочки используются для оценки кураторов в общей анкете для ученика без привязки к уроку. Или как вариант - оценки тренинга вообще.

🔎 Где искать урок?
Тренинги → Практика

🕘 Сколько требуется времени на установку?
20 минут

🔥Что принесет проекту?
Вы сможете заменить туговатый и страшноватый блок от самого ГК (раздел "Качество тренинга") или просто застилизовать анкету

#анкеты
СТИЛИЗАЦИЯ РАДИО-ТОЧЕК И ЧЕКБОКСОВ

Часто встречаются системные элементы, которые существуют в дизайне, но не воплощаются - это радио-точки и чекбоксы.

Самый популярный - это обязательный чекбокс согласия под формой, который своим "синим глазом" выбивается из концепта лендинга.

И сложность превращения обычного вида в стилизованный заключается в том, что эти элементы нужно на странице создавать дополнительно к имеющимся системным, чтобы им задать нужные стили. Но ГК не дает такой возможности, когда мы говорим о его формах.

Поэтому чаще всего - как создалось, так и оставилось.

Однако, если вы задались задачей стилизации полностью, к вашим услугам решение от @araviw. В данном уроке подробно рассмотрены варианты расположения чекбоксов и радиоточек в зависимости от блока, и показан вариант стилизации.

🔎 Где искать урок?
Тренинги → Практика

🕘 Сколько требуется времени на установку?
30 минут

🔥Что принесет проекту?
Научитесь стилизовать сложные системные элементы в согласии с дизайном

#анкеты #формы