1. Domicile
  2. Caractéristiques
  3. Éléments de page Web
  4. Élément de répéteur de grille
  5. Écart D'élément De Répéteur De Grille

Comment modifier l'écart entre les éléments de Grid Repeater

À l'aide de la propriété Item Gap dans le panneau de propriétés, vous pouvez modifier la distance entre les éléments répéteurs de grille. Sélectionnez le répéteur de grille, accédez au panneau de propriétés, recherchez la propriété Espace entre éléments et faites glisser son curseur pour modifier la distance entre les éléments de répéteur de grille.
Apprendre encore plus

Parcourir par catégories de fonctionnalités

Éléments de page Web
Systèmes pris en charge
Éditeur de pages visuelles
Éléments de design
Médiathèques
Propriétés des éléments
Sensible
Effets d'animation
Réglage des thèmes
Formulaire de contact
En-tête et pied de page
Blog
Commerce électronique
Référencement
Code personnalisé
Fonctionnalités de l'application
Propriétés du site et de la page
Widget WordPress

Tout ce dont vous avez besoin pour créer votre site Web gratuit

Utilisez notre Website Builder pour concevoir et créer des sites Web sans codage. Faites glisser et déposez tout ce que vous voulez, où vous le souhaitez. Le créateur de site Web adapte automatiquement votre site Web pour mobile afin de le rendre réactif. Choisissez parmi plus de 9 000 modèles de sites Web personnalisables.

Télécharger pour Windows Télécharger pour Mac

Fonctionnalités associées

Ajouter des colonnes au répéteur de grille

Vous pouvez facilement modifier le nombre de colonnes pour le répéteur de grille utilisé dans un bloc. Cliquez sur l'icône bleue Plus sur le côté droit du Grid Repeater, puis sélectionnez le nombre de colonnes dans la liste déroulante. Vous pouvez choisir à la fois d'incrémenter et de décrémenter des nombres.
Ajouter des lignes au répéteur de grille

Comme pour l'ajout de colonnes, vous pouvez augmenter et diminuer le nombre de lignes en cliquant sur l'icône bleue Plus en bas du répéteur de grille. Après avoir vu la liste déroulante, vous pouvez sélectionner le nombre de lignes requises. Vous pouvez choisir à la fois d'incrémenter et de décrémenter des nombres.
Grille Répéteur Au Carrousel

Les curseurs de carrousel sont très populaires dans la conception Web moderne, et généralement, les éléments de carrousel ont la même disposition et les mêmes ensembles d'éléments. Dans Nicepage, vous pouvez facilement convertir n'importe quel répéteur de grille en carrousel en cliquant sur l'option de commutateur dans le panneau de propriétés.
Couleurs des éléments du répéteur de grille

À l'aide de l'élément Grid Repeater, vous pouvez appliquer différentes couleurs à ses éléments et aux éléments qu'il contient. Pour cela, allez dans le panneau de propriétés et basculez Tous les éléments sur Élément dans la section "Appliquer le style à". Définissez ensuite les couleurs requises pour votre idée de conception Web
Animation de survol de boîte pour les éléments de répéteur de grille

Semblable à l'élément de groupe, vous pouvez animer des éléments de répéteur de grille lors du survol de groupe (élément). À cela, vous pouvez également ajouter l'effet d'animation de survol aux éléments, et ils fonctionneront ensemble. Accédez au panneau de propriétés, jusqu'à la section Animation activée, définissez les effets d'animation de survol et de groupe survol si nécessaire.
Multi-sélection au répéteur de grille

Vous pouvez convertir plusieurs éléments sélectionnés en un répéteur de grille. Cela accélère le développement de blocs comme les fonctionnalités, l'équipe, les témoignages, etc. Sélectionnez plusieurs éléments, puis cliquez sur l'icône bleue Plus sur la bordure gauche. Ensuite, sélectionnez la disposition Grid Repeater.
Propriétés des colonnes et des lignes

Le panneau de propriétés vous permet de modifier les propriétés des éléments. Par exemple, vous pouvez modifier les colonnes et les lignes en un seul endroit pour le répéteur de grille. Pour modifier les colonnes et les lignes, accédez aux panneaux de propriétés et faites glisser les curseurs correspondants pour modifier les valeurs des propriétés.

Modèles gratuits avec Élément de répéteur de grille

Commencez avec nos meilleurs modèles, parfaits pour toute entreprise. Créez et personnalisez-les avec notre créateur de site Web puissant et gratuit sans code. Tous les modèles sont adaptés aux mobiles et ont fière allure sur n'importe quel appareil.

How To Change The Gap For the Grid Repeater Items

Grid row and column items are very popular in web design, as we can create a nice layout using grids. They give us a better user experience, and with the grid, there is no need to use additional individual elements and items. This feature enables change space between the repeater item elements. You can change the distance from the property panel, add a new grid repeater, and change the space between the row and column. You can drag the item gap slider, and you will see how easy it is the process of adding rows and column gaps inside the grid is. So, choose the repeater item, then change the needed property and get the unique item.

You do not need to sign up on Nicepage, so visit the website and create your first layout grid. There is little difference between the horizontal and the vertical spacing inserted between the elements. Using transitions is a common practice, and it makes the website more dynamic even if the user wants to skip to the main content. There are some other ways of organizing elements in the user interface. You can add the horizontal line and separate the cells vertically. Repeaters create elements from a mockup and use data from the model.

For example, a repeater table in the modern library starts with several rows of data. You can also add the line inside a row and column layout. For the repeater example, you specified using content items in the grids. Repeaters create items from the mockups and use them with the grids, using data from the model. As with other options, the spacing between the elements can be set using the property spacing. Add content items and using content items is a very popular practice on the modern web. You can create a wonderful layout by using one line and using data items.

Company
Product
Themes & Templates
Nicepage
Web Design