Concept

Le redimensionnement des widgets dans l'éditeur visuel offre aux utilisateurs la possibilité d'ajuster la taille des éléments de leur interface pour répondre aux besoins spécifiques de leur conception.

Cette fonctionnalité permet aux utilisateurs :

  • Adaptation au contenu :  permet aux utilisateurs d'ajuster la taille des éléments en fonction du contenu qu'ils contiennent.

  • Optimisation de l'espace : permet optimiser l'utilisation de l'espace disponible sur l'interface, en maximisant la visibilité du contenu tout en maintenant une présentation équilibrée et esthétique.

  • Personnalisation de l'agencement : Offre aux utilisateurs une flexibilité dans la disposition des éléments de leur interface.

Sélection du Widget

Pour sélectionner un widget :

  • Sélectionner le widget que vous souhaitez redimensionner ( un clic suffit ).
  • Les poignées de redimensionnement disponible aux quatre coins du widget apparaissent ( ).


Le redimensionnement n'est actif que lorsqu'il n'y a qu'un seul widget sélectionné ( voir la page NEW_PAGE - 003.7 - SEF-11413 - Mode sélection des widgets - Edition visuelle - Météo )


Utilisation des Poignées de Redimensionnement

Sélection du widget à redimensionner

Pour repérer et utiliser les poignées de redimensionnement :

  • Elles sont situées sur les bords ou les coins du widget sélectionné.
  • Sont représentées sous forme de petits triangles ( ).
  • Placez le curseur de la souris sur l'une des poignées de redimensionnement.
  • Le curseur se transformera souvent en une flèche double ( ), indiquant que vous pouvez redimensionner le widget dans toutes les directions.

Axe de redimensionnement

Vous pouvez redimensionner un widget dans tous axes.

Horizontal

Si vous souhaitez redimensionner le widget horizontalement pour qu'il utilise toute la largeur disponible :

  • Placez le curseur de la souris sur une des poignées de redimensionnement.
  • Cliquez et maintenez enfoncé le bouton de la souris,
  • Faites glisser la poignée de redimensionnement vers la gauche ou la droite.

 

Vertical

Si vous souhaitez redimensionner le widget verticalement, placez le curseur de la souris sur l'une des poignées de redimensionnement situées en haut ou en bas du widget.

Cliquez et maintenez enfoncé le bouton de la souris, puis faites glisser la poignée de redimensionnement vers le haut ou vers le bas pour ajuster la taille du widget dans cette direction.

Diagonal

Pour redimensionner le widget de manière diagonale, placez le curseur de la souris sur l'une des poignées de redimensionnement situées dans les coins du widget.

Cliquez et maintenez enfoncé le bouton de la souris, puis faites glisser la poignée de redimensionnement diagonalement pour ajuster la taille du widget dans les deux directions à la fois.

 

Libération du clic gauche

Une fois la taille souhaitée atteinte :

  • relâchez le bouton de la souris.
  • Le widget occupera tout l'espace souhaité.

En cas de chevauchement avec un autre widget

En cas de chevauchement du widget avec un autre élément de la météo à la suite du redimensionnement :

  • La modification de la talle ne sera pas prise en compte
  • Le widget retournera à sa taille initiale.


Etat initial.

Un liseré rouge signifie que le widget en cours de redimensionnement chevauche au moins un autre widget.

Après avoir relâcher le clic en position de chevauchement, le widget retourne à sa taille initial.

Raccourci clavier

Le mode Sélection est activable en utilisant le raccourci clavier V.

Les actions de sélection sont possibles dans la grille quel que soit l'onglet ouvert ( Visuel, JSON en consultation, Historique ).

L'activation du mode en utilisant le raccourci clavier n'est pas disponible lorsque l'utilisateur édite le JSON.