Проблема с элементом CARD

WYSIWYG Web Builder, вопросы которые не охвачены в других разделах.
Правила форума
1. Название темы должно кратко описывать суть вашего вопроса, темы типа: "Помогите", "Почему", "Что это", "Что-то глючит" - будут удаляться.
2. Задавая свой вопрос, постарайтесь предоставить максимум информации о проблеме, если есть возможность, приложите шаблон проекта *.wtp.
Подробнее: Правила создания новых тем и ответов на существующие темы.
Данный форум - это место обсуждения вопроса, а не техподдержка в классическом смысле. Все участники форума Web Builder по-русски с удовольствием вам помогут, если это будет в их силах.
Ответить Вложения 2
Аватара пользователя

Автор Темы
Masimka93
Экспериментатор
Экспериментатор
Сообщения: 82
Зарегистрирован: 05 май 2017, 13:18
Версия Web Builder: 14.2.2
Имя: Макс

Проблема с элементом CARD

Сообщение Masimka93 » 19 мар 2020, 12:16

Добрый день!
Подскажите, как можно сделать так, чтобы все элементы Card были одной высоты (допустим по максимальной высоте какого-либо из элементов)? На данный момент пытаюсь подогнать количеством строк и отступами, но, кажется мне, это не оптимальный способ.
Данные 3 элемента Card находятся в сетке из 3 ячеек.
У вас нет необходимых прав для просмотра вложений в этом сообщении.

Реклама
Аватара пользователя

Vitamin701
Знаток
Знаток
Сообщения: 451
Зарегистрирован: 20 ноя 2017, 19:30
Версия Web Builder: 12.5

Проблема с элементом CARD

Сообщение Vitamin701 » 19 мар 2020, 12:43

В инструментах есть Card Container. В него и вставляйте card-ы

Аватара пользователя

Автор Темы
Masimka93
Экспериментатор
Экспериментатор
Сообщения: 82
Зарегистрирован: 05 май 2017, 13:18
Версия Web Builder: 14.2.2
Имя: Макс

Проблема с элементом CARD

Сообщение Masimka93 » 19 мар 2020, 14:10

Вставил, но все равно высота разная

Аватара пользователя

MasterOfPuppets
Продвинутый
Продвинутый
Сообщения: 275
Зарегистрирован: 10 май 2015, 19:37
Версия Web Builder: 14.2.2
Имя: Александр
Контактная информация:

Проблема с элементом CARD

Сообщение MasterOfPuppets » 19 мар 2020, 18:10

Masimka93, В свойствах объекта назначьте каждой карточке класс. Например, my-card
Затем добавьте на страницу HTML объект, выберите CSS in media query, внутри напишите:
my-card{
height: 413px;
}

413 - ваша высота
У вас нет необходимых прав для просмотра вложений в этом сообщении.
Чтобы стать крабом, нужно стать раком и ходить боком

Аватара пользователя

Eric
Продвинутый
Продвинутый
Сообщения: 231
Зарегистрирован: 19 дек 2018, 17:40
Версия Web Builder: 14.2.2
Имя: Дмитрий
Контактная информация:

Проблема с элементом CARD

Сообщение Eric » 19 мар 2020, 18:24

Исходник объекта / Особый стиль

Код: Выделить всё

height: 666px;
Все люди братья, все должны помогать друг другу :-)

Профессионально пишу "Hello, world!".
Стоит недорого.

Аватара пользователя

semyonl
Втянувшийся
Втянувшийся
Сообщения: 53
Зарегистрирован: 05 авг 2016, 07:27
Версия Web Builder: 11.2

Проблема с элементом CARD

Сообщение semyonl » 21 мар 2020, 19:02

А как можно указать динамический параметр? Прописать для разных точек останова - разные параметры высоты.

Аватара пользователя

Eric
Продвинутый
Продвинутый
Сообщения: 231
Зарегистрирован: 19 дек 2018, 17:40
Версия Web Builder: 14.2.2
Имя: Дмитрий
Контактная информация:

Проблема с элементом CARD

Сообщение Eric » 22 мар 2020, 00:08

MasterOfPuppets писал(а): В свойствах объекта назначьте каждой карточке класс. Например, my-card
Затем добавьте на страницу HTML объект, выберите CSS in media query, внутри напишите:
my-card{


Пишите медиа запросы @media (max-width: 600px)...
как писать медиа запросы
Все люди братья, все должны помогать друг другу :-)

Профессионально пишу "Hello, world!".
Стоит недорого.

Аватара пользователя

MasterOfPuppets
Продвинутый
Продвинутый
Сообщения: 275
Зарегистрирован: 10 май 2015, 19:37
Версия Web Builder: 14.2.2
Имя: Александр
Контактная информация:

Проблема с элементом CARD

Сообщение MasterOfPuppets » 23 мар 2020, 15:08

semyonl, Можете конечно. Делаете все как я сказал выше, только для каждой точки останова в html-вставке прописываете нужную высоту. То есть переходите во вкладку 320 px и в той же html вставке меняете размер высоты.

ps только у меня там ошибка, точку забыл. Вот так нужно:
.my-card {
height: 413px;
}
Чтобы стать крабом, нужно стать раком и ходить боком

Аватара пользователя

Vitamin701
Знаток
Знаток
Сообщения: 451
Зарегистрирован: 20 ноя 2017, 19:30
Версия Web Builder: 12.5

Проблема с элементом CARD

Сообщение Vitamin701 » 23 мар 2020, 21:23

Ничего нигде не добавлял и не прописывал. Все карточки автоматически подстраиваются под высоты большей высоты.

Аватара пользователя

MasterOfPuppets
Продвинутый
Продвинутый
Сообщения: 275
Зарегистрирован: 10 май 2015, 19:37
Версия Web Builder: 14.2.2
Имя: Александр
Контактная информация:

Проблема с элементом CARD

Сообщение MasterOfPuppets » 24 мар 2020, 13:07

Vitamin701, Это когда контейнер для них выставлен по умолчанию. А если включить режим карусели, высота карточек перестает быть фиксированной.
Чтобы стать крабом, нужно стать раком и ходить боком

Аватара пользователя

Vitamin701
Знаток
Знаток
Сообщения: 451
Зарегистрирован: 20 ноя 2017, 19:30
Версия Web Builder: 12.5

Проблема с элементом CARD

Сообщение Vitamin701 » 24 мар 2020, 14:25

MasterOfPuppets, ничего про карусель не спрашивали

Аватара пользователя

MasterOfPuppets
Продвинутый
Продвинутый
Сообщения: 275
Зарегистрирован: 10 май 2015, 19:37
Версия Web Builder: 14.2.2
Имя: Александр
Контактная информация:

Проблема с элементом CARD

Сообщение MasterOfPuppets » 25 мар 2020, 13:01

Vitamin701, Тролите? ))) автор задал вопрос, как зафиксировать высоту карточек. Высота у него прыгает потому, что в Card Container включен режим карусели. Как решить вопрос, я вроде, объяснил, нет ?
Чтобы стать крабом, нужно стать раком и ходить боком


Ответить Вложения 2

Вернуться в «Общие вопросы.»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость