Dépannage de Flex (1.0)

Limites

Les informations suivantes concernent les sections Flex et le mode Flex :

• Les objets ne peuvent pas être déplacés d'une grille à l'autre au sein de l'outil de création
  
Remarque

Les objets peuvent être déplacés d'une grille à l'autre depuis le panneau Calques.

• Les flexboxes ne peuvent pas être reliées aux collections.
• Les sections Flex ne peuvent pas être ajoutées à l'en-tête

FAQ relative à la résolution de problèmes

Mon texte chevauche ces éléments lorsque je passe au point d'interruption tablette/mobile.

Ce problème peut survenir lorsque des éléments sont placés directement sur la grille, ou lorsque la mise en page du conteneur est égale à 1 x 1.

Dans la barre de navigation supérieure, cliquez sur le point d'interruption Ordinateur.

• Si les éléments qui se chevauchent se trouvent dans le conteneur, depuis le panneau Design, sous Mise en page personnalisée, sélectionnez de nouvelles lignes dans le menu déroulant et placez chaque élément dans une ligne.
• Si les éléments se trouvent déjà sur la grille, ajoutez un conteneur avec des lignes et déplacez-y les éléments comme indiqué ci-dessus. Sinon, vous pouvez déplacer les éléments dans une flexbox verticale.

Je n'arrive pas redimensionner ma grille sur mobile en faisant glisser les bordures.

La hauteur de grille est définie comme valeur minimale, elle ne sera donc pas inférieure à la valeur que vous définirez. Par exemple, si la hauteur minimale de grille est définie à 400 px, avec un conteneur d'une hauteur minimale de 1200 px, la grille ne pourra pas être inférieure à 1200 px.

Pour redimensionner le contenu :

Dans le panneau Design, sous Taille, modifiez la hauteur minimale. Sinon, redimensionnez le contenu puis la grille en ligne ou depuis le panneau Design.

J'ai redimensionné une ligne, mais cette dernière est trop grande sur la version mobile.

Flex transforme les colonnes d'une grille en lignes sur la version mobile. Si la hauteur minimale d'un objet (p. ex., un conteneur) dépasse la hauteur minimale de la grille au point d'interruption principal, la ligne ne s'affichera pas correctement sur la version mobile.

La grille est redimensionnée en fonction de son contenu, c'est pourquoi le plus souvent, la valeur des images ou conteneurs est définie en px.

Pour redimensionner le contenu :

À partir du point d'interruption principal, dans le panneau Design, sous Taille, modifiez la hauteur minimale. Sinon, redimensionnez le contenu puis la grille en ligne ou depuis le panneau Design.

Mon design semble désordonné lorsque je passe à un autre point d'interruption.

Ce problème peut être lié à l'une des raisons ci-dessous :

• Les objets ne sont pas alignés avec les lignes de la grille. C'est un problème récurrent lorsque les cellules sont de petite taille.
• Les objets dans la grille ne sont pas alignés.
• L'épingle est configurée par défaut. Dès que vous ajoutez un nouvel objet, ce dernier est épinglé dans le coin supérieur gauche par défaut. Lorsque vous l'alignez, la position change. Par exemple, en alignant l'objet dans la partie inférieure, ce dernier sera épinglé dans la même zone. Remarque : faire glisser un objet après l'avoir épinglé réinitialisera ses paramètres par défaut.

Pour aligner des objets avec les lignes de la grille, faites-les glisser et placez-les sur la grille à l'aide des lignes roses. Sinon, utilisez les commandes d'alignement dans le panneau Design.

Pour définir manuellement une épingle, sélectionnez l'élément puis, dans le panneau Design, faites défiler jusqu'à Position. En regard de l'option Épingler, cliquez sur la flèche correspondant à l'endroit où épingler l'élément.

Je n'arrive pas à modifier la taille de la police sur ma tablette.

La taille de la police sur ordinateur (point d'interruption principal et bureau étendu) et sur tablette est identique. Nous vous conseillons de choisir une taille de police fonctionnant sur ces deux supports.

J'essaie de réorganiser les éléments uniquement sur la version mobile, mais les modifications sont également visibles sur les autres points d'interruption.

Les modifications apportées à la structure sont répercutées sur tous les points d'interruption. Prenons l'exemple suivant : sur le point d'interruption principal, deux conteneurs adjacents occupent toute la grille, mais vous souhaitez que ces éléments soient empilés verticalement sur la version mobile. Lorsque vous tentez de modifier leur emplacement, ils s'imbriquent l'un à l'autre. Lorsque vous intégrez un élément sur la version mobile, cela se répercutera sur tous les autres points d'interruption. L'espace étant insuffisant, ces éléments ne peuvent pas être superposés verticalement, c'est pourquoi ils sont imbriqués.

Pour résoudre ce problème, modifiez la hauteur minimale de l'espace dans lequel vous travaillez. Sélectionnez Grille puis, dans le panneau Design, sous Taille, augmentez la valeur de la hauteur minimale. Cela vous permettra de déplacer plus librement les éléments. Une fois les éléments réorganisés, vous pouvez les redimensionner à la hauteur de votre choix.