| 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éléctionner 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
Le redimensionnement n'est
actif que lorsqu'il n'y a qu'un seul widget sélectionné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
RepérezPour repérer et utiliser les poignées de redimensionnement :
- Elles sont situées sur
- les coins du widget sélectionné.
- Sont représentées sous forme de petits triangles
- ( présents dans les carrés bleus de l'illustration ).
- Au survol, le curseur se transformera
- en une flèche double
- (
).
| Panel |
|---|
| borderColor | red |
|---|---|
| borderWidth | 3px |
| borderStyle | solid |
Redimensionnement Horizontal
Si vous souhaitez redimensionner le widget horizontalement, placez le curseur de la souris sur une des poignées de redimensionnement situées sur les côtés gauche ou droit du widget.
Cliquez et maintenez enfoncé le bouton de la souris, puis faites glisser la poignée de redimensionnement vers la gauche ou la droite pour ajuster la taille du widget dans cette direction.
| Panel |
|---|
|
Redimensionnement 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 |
|---|
Redimensionnement 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 |
|---|
|
Relâchement de la Souris
Une fois que vous avez ajusté la taille du widget selon vos besoins, relâchez le bouton de la souris. Le widget sera redimensionné en fonction des modifications que vous avez apportées.
Raccourci clavier
Le mode Sélection est activable en utilisant le raccourci clavier V,
| Info |
|---|
L'activation du mode en utilisant le raccourci clavier n'est pas disponible lorsque l'utilisateur édite le JSON. |
|
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.
- 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
Une 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é 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 taille ne sera pas prise en compte.
- Le widget retournera à sa taille initiale.
- Le redimensionnement est possible :
| Warning |
|---|
Le chevauchement est symbolisé par le passage du bleu au rouge de l'ombre du widget en cours de modification. |
| Panel |
|---|
Redimensionnement possible
|
| Panel |
|---|
Redimensionnement impossible
|
