Vous aimeriez savoir comment aligner les éléments de votre geniallys avec une précision mathématique, en quelques clics ? Vous réussirez à le faire grâce à la fonction "positionner les éléments", parmi celles qu’offre le mode Designer. 


Vous trouverez un tutoriel pour chaque fonctionnalité du mode designer. Découvrez-les tous ici.


Dans ce tutoriel, vous découvrirez comment utiliser la fonctionnalité Positionner qui permet de situer les éléments sur la zone d’édition. Venez découvrir :


À quoi sert la fonctionnalité Positionner


Grâce à la fonctionnalité "Positionner", vous pouvez aligner les éléments de vos compositions avec précision, sans avoir à manipuler la souris pour essayer de faire glisser les éléments dans leur position exacte. 


Vous obtiendrez des créations d'aspect beaucoup plus professionnel plus rapidement et avec moins d'efforts.


Comment positionner un élément


Dans l'onglet Éléments du mode designer, deux champs permettent de définir la position horizontale (X) et verticale (Y), marquant la position de chaque élément. 


Activez le mode designer à l'aide du raccourci clavier CTRL/CMD + M, ou descendez dans le menu supérieur droit de l'éditeur et cliquez sur Mode Designer. Saisissez ensuite des valeurs numériques dans les espaces Position X (horizontale) et Position Y (verticale) pour marquer leurs coordonnées. 



Les valeurs sont indiquées en pixels, vous devez donc connaître les dimensions de votre zone d’édition. Apprenez comment consulter ou modifier la taille de la zone d’édition. 


Repérer la position de vos éléments sur la zone d’édition devient plus facile si vous gardez à l'esprit que :

  • Le point initial : c’est le point dans le coin supérieur gauche de la zone d’édition (0,0).
  • Le point final : c’est le point situé dans le coin inférieur droit de la zone d’édition. Ses coordonnées sont égales aux dimensions de la zone d’édition. Exemple : si les dimensions de votre zone d’édition sont 1200x675, le point final correspond à (1200, 675). 


Pour que l'élément soit visible, les valeurs que vous saisissez pour la position X et la position Y doivent être des valeurs comprises entre le point de départ et le point d'arrivée. 


Vous pouvez tout aussi bien attribuer des valeurs négatives pour placer une partie d'un élément en dehors de la zone d’édition. Par exemple, imaginez que vous voulez qu'une demi-étoile apparaisse à une extrémité de votre genially. Si la largeur de l'étoile est de 500 pixels, vous pouvez définir -250 dans l'espace Position X afin que seule la moitié de l'étoile se trouve à l'intérieur de la zone d’édition.


Comment connaître la position exacte d’un élément


Ouvrez l'onglet Éléments du mode designer puis sélectionnez l'élément dont vous voulez connaître la position exacte.