Comment utiliser Grid sur les appareils mobiles

Obtenez la plus grande variété de mises en page de grille pour votre conception Web. Les éléments de grille vous aident à rendre automatiquement vos conceptions adaptées aux mobiles.

Vous pouvez facilement changer la largeur de la grille de Boxed à Wide et vice versa. Sélectionnez une grille, puis accédez au panneau de propriétés. Localisez l'icône Boxed/Wide près des valeurs de largeur et de hauteur, et modifiez la disposition de la ceinture en cliquant sur cette icône.

Les éléments de la grille sont très utiles pour créer des modes réactifs, car dans les écrans plus petits, les cellules de la grille se déplacent automatiquement les unes sous les autres. De plus, pour de nombreuses mises en page, vous pouvez modifier l'ordre des cellules de la grille sur toutes les vues mobiles. Choisissez l'élément de grille, basculez le mode réactif sur la barre supérieure, ajustez votre grille, si nécessaire. Pour la plupart des grilles, vous n'avez pas besoin de faire des ajustements.

L'animation Slider est une réaction très populaire sur Hover. Vous pouvez ajouter divers effets pour les cellules de la grille, par exemple, Fade, Overlay, Slide, Flip, Wobble et Zoom. Sélectionnez une cellule de grille, puis accédez au panneau de propriétés. Cliquez sur le lien Hover Slide, puis choisissez l'effet que vous souhaitez voir sur le Hover de la Grid Cell.

Si vous avez besoin de créer des mises en page sophistiquées pour vos images, formes et textes, vous pouvez redimensionner les cellules de la grille de différentes largeurs pour donner à vos conceptions un aspect moderne.

Vous pouvez modifier la disposition de la grille ajoutée en bloc à tout moment. Sélectionnez l'élément de grille, puis accédez au panneau de propriétés. Cliquez sur la flèche pour ouvrir la liste des préréglages de grille et sélectionnez la mise en page qui convient le mieux à votre idée de conception Web. Vous pouvez également ajouter et supprimer des cellules de grille dans l'éditeur.

L'élément Grid est très flexible. Vous pouvez ajuster sa mise en page aux exigences de votre idée de conception de sites Web. Pour retourner la Grille que vous avez placée dans un Bloc. Sélectionnez cet élément, puis accédez au panneau de propriétés à droite. Cliquez sur la liste déroulante Retourner près de la disposition de la grille. Cliquez sur Retourner ou Rotation pour effectuer l'opération.

Vous pouvez modifier l'espacement entre les cellules de la grille en fonction de vos exigences de conception Web. Pour cela, vous pouvez utiliser la propriété Cell Gap dans le panneau de propriétés. Sélectionnez une grille, puis accédez au panneau de propriétés, faites défiler le panneau, faites glisser le curseur pour modifier l'écart.

Les grilles permettent d'organiser divers contenus, y compris des images, des icônes, des formes et du texte sous forme de cellules, qui sont très pratiques à utiliser. Dans notre éditeur visuel, vous pouvez facilement déplacer des cellules dans une grille en faisant simplement glisser une cellule sur une autre, en perfectionnant votre mise en page et votre contenu pour votre conception Web. De plus, vous pouvez cliquer sur les icônes fléchées de l'outil contextuel de la cellule pour déplacer la cellule.

Une cellule de l'élément de grille peut avoir un arrière-plan et vous pouvez utiliser différents types pour cela. Vous pouvez appliquer le remplissage de couleur, le dégradé, l'image, la vidéo ou ne pas avoir d'arrière-plan du tout. Sélectionnez une cellule de grille et accédez au panneau de propriétés. Choisissez un type d'arrière-plan qui convient le mieux à votre conception Web.