Webflow урок №1. Как стилизовать чекбоксы и кнопки радио

Стандартными средствами нельзя стилизовать элементы ради и чекбокс. В этом видео вы узнаете как решить эту задачу сверстать сайт по задуманному дизайну.
Мой ВК - slavariik
Мой telegram - t.me/vvstudio
Telegram канал -t.me/joinchat/AAAAAEjB8Q3n9YZ...

[@tigrpp9382]

Привет. Техника построения понятна. А вот интерфейс WF ну очень старый. Эту технику я применил к файлу Lotie в качестве маски чекбокса, поскольку ранее реализовал эту анимацию. Идея была следующая: разместить на первом экране 2 чекбокса для выбора условий с хейдингами h1 и h2 в качестве лейблов и кнопкой заказа в этой оболочке. И затем продублировать эти чекбоксы во всплывающей форме, чтобы, если посетитель выбрал чекбокс на первом экране, а потом вызвал форму - его выбор был сохранен так, чтобы осталось заполнить иные поля и отправить заказ ))) Итак, идея удалась. Все получилось. Остается проследить как бы оно не расползлось при адаптации. Вячеслав, благодарю за науку. Единственно: пока имеется ошибка отправки формы в сочетании с этим чекбоксом. Однако, МБ это потому, что я исчерпал лимит подачи форм в бесплатном тарифе. По-прежнему не нашел способа показать картинку в модальном окне при клике по интерактивной карточке из блока, совмещенного со слайдером для мобильного. Есть варианты?

[@FishkiWebflow]

H1 h2 для лейблов не используется. Портит сео. На сегодня такая тема делается уже из коробки так как функционал внедерн в вф. По лайтбоксу не понял задачу

[@tigrpp9382]

@@FishkiWebflow Благодарю за ответ. Лейбл - это громкое название. На первом экране использованы стандартные заголовки с параметрами h1 и h2, но по смыслу страницы они как подпись чекбокса. Вместе с тем, дубли чекбоксов в форме заявки, с тем же текстом, но уже в поле лейбла чекбокса. --- У меня не лайтбокс, но не имеет значения. Задача такая: карточка с картинкой. При клике на карточку хочу картинку с нее обычного размера на затемненном полупрозрачном фоне. Пока такого решения не нашел. Я не рискнул отправить проект как ДЗ в рамках курса, поскольку он сильно отличается от программы )

[@Vosmikrulatue9]

Спасибо, помог

[@user-ve9gn2ry1k]

Очень здорово!!! И главное, вовремя ))) Как раз искала ответ на этот вопрос ))) Будут ли еще уроки по вебфлоу?? ))

[@FishkiWebflow]

Да конечно .. пишите что бы вы хотели узнать как реализовать в webflow. И я запишу для вас урок.

[@user-ve9gn2ry1k]

Супер!!)) Подскажите, пожалуйста, как можно добавить календарь в выпадающий список в форме??

[@FishkiWebflow]

Это можно сделать только при интегрировании стороннего кода из библиотеки jquery. Ну постараюсь записать урок.

[@user-ve9gn2ry1k]

Это я догадываюсь )) Хотелось бы все же видео )))

[@FishkiWebflow]

Записал урок по вашей просьбе, как реализовать календарь

[@user-ve9gn2ry1k]

И хотелось бы видео по работе с флексбоксами )) Возможности их ))

[@FishkiWebflow]

Хорошо, я запишу урок создание блоков с применением flex.)

[@victorkas2279]

Что если поменять дополнительные дивы внутри чекбоксов на градиент?

[@FishkiWebflow]

Victor Kas для того что бы создать задний фон ? Можно. Или я не понял вопроса.

[@victorkas2279]

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

[@FishkiWebflow]

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