| Scroll Ignore | ||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||||||||||
|
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 (
).
widgets.
Prérequis pour effectuer un redimensionnement
| Panel |
|---|
Le redimensionnement n'
est possible que lorsque les conditions suivantes sont réunies :
- Le mode de sélection est actif ( voir la page
- Édition visuelle - Météo )
- soit en cliquant sur "Sélectionner les widgets",
- soit en utilisant le raccourci clavier : 'V'.
- Un seul widget sélectionné.
| Panel |
|---|
|
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.
- présents dans les carrés bleus de l'illustration ).
- Au survol, le curseur se transformera Le curseur se transformera souvent en une flèche double (
), indiquant que vous pouvez redimensionner le widget dans toutes les directions 
).
| Panel | ||
|---|---|---|
| ||
Axe de redimensionnement
|
Taille et axe de redimensionnement
Cliquer et maintenir le bouton gauche de la souris pour commencer le redimensionnement.
- redimensionnement du
- widget dans tous les axes :
- Horizontal.
- Vertical.
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.
| Panel |
|---|
|
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.
| Panel |
|---|
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.
| Panel |
|---|
|
- Diagonal.
- Diagonal.
- Taille maximale :
- Hauteur : la limite de la hauteur de la grille
- Largeur : la largeur de la grille de la météo.
- Taille minimale ( pour ne pas perdre le widget ) :
- Hauteur : Une unité ( case ).
- Largeur : Deux unités ( deux cases ).
| Info |
|---|
Pour consulter plus d'informations concernant la grille et son fonctionnement ( voir la page Concept de la grille pour le positionnement des widgets ). |
Arrêt du redimensionnement
Libération du clic gaucheUne fois la taille souhaitée atteinte
, il faut lâcher le bouton gauche de la souris.
- Deux possibilités :
- Le redimensionnement est possible :
- Le widget occupera tout l'espace souhaité
- Le redimensionnement est possible :
- en occupant l'espace jusqu'à la prochaine case entière.
- Une ombre bleu permettra d'indiquer l'espace pris par le widget après
- En cas de chevauchement
- avec un autre
- widget :
- La modification de la
- widget :
- taille ne sera pas prise en compte.
- Le widget retournera à sa taille initiale.
Etat initial.
| Warning |
|---|
Le chevauchement est symbolisé par le passage du bleu au rouge de l'ombre du |
widget en cours de |
Après avoir relâcher le clic en position de chevauchement, le widget retourne à sa taille initial.
modification. |
| Panel |
|---|
Redimensionnement possible
|
| Panel |
|---|
Redimensionnement impossible
|
| Panel |
|---|
| Panel |
|---|
| Panel |
|---|
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 ).
| Info |
|---|
L'activation du mode en utilisant le raccourci clavier n'est pas disponible lorsque l'utilisateur édite le JSON. |