Как добавить больше строк в элемент Grid Repeater

Используя свойство Item Gap на панели свойств, вы можете изменить расстояние между повторяющимися элементами сетки. Выберите Grid Repeater, перейдите на панель свойств, найдите свойство Item Gap и перетащите его ползунок, чтобы изменить расстояние между элементами Grid Repeater.

Подобно элементу группы, вы можете анимировать повторяющиеся элементы сетки при наведении группы (элемента). При этом вы также можете добавить эффект анимации при наведении на элементы, и они будут работать вместе. Перейдите на панель свойств, перейдите к разделу «Анимация включена», при необходимости задайте эффекты анимации при наведении и при наведении группы.

Вы можете преобразовать несколько выбранных элементов в повторитель сетки. Это ускоряет разработку таких блоков, как «Функции», «Команда», «Отзывы» и т. д. Выберите несколько элементов, затем нажмите синий значок «Плюс» на левой границе. Затем выберите макет Grid Repeater.

Вы можете легко изменить количество столбцов для повторителя сетки, используемого в блоке. Нажмите синий значок «Плюс» справа от повторителя сетки, затем выберите количество столбцов в раскрывающемся списке. Вы можете выбрать как возрастающие, так и убывающие числа.

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

Слайдеры-карусели очень популярны в современном веб-дизайне, и обычно элементы карусели имеют одинаковый макет и наборы элементов. В Nicepage вы можете легко преобразовать любой повторитель сетки в карусель, щелкнув параметр переключателя на панели свойств.

Используя повторяющийся элемент сетки, вы можете применять разные цвета к его элементам и содержащимся в нем элементам. Для этого перейдите на панель свойств и в разделе «Применить стиль к» переключите «Все элементы» на «Элемент». Затем установите цвета, необходимые для вашей идеи веб-дизайна.