| Scroll Ignore | ||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||||||||||
|
Concept
Le mode de sélection des widgets permet
de choisir
un ou plusieurs widgets
Cette fonctionnalité offre une méthode facile, rapide, flexible et précise de manipulation des éléments. Il permet de personnalisé l'affichage des météos sans passer par l'onglet JSON.
Une fois un widget sélectionné, des poignées de redimensionnement ( sélection simple seulement ) apparaissent autour de celui-ci, une icône de suppression est disponible à proximité du widget et la fonctionnalité de glisser-déposer (drag and drop) est activé également.
Sélection par clic
Les utilisateurs peuvent sélectionner un widget en cliquant directement dessus. Un clic gauche sur un widget le sélectionne.
Cette méthode permet de choisir des widgets individuels ou des groupes spécifiques de widgets ( avec la touche Ctrl appuyée ).
Simplicité d'Utilisation : La création de sélections par clic rend le processus intuitif pour les utilisateurs de tous niveaux.
Gain de Temps : En permettant aux utilisateurs de sélectionner rapidement des éléments individuels ou des groupes d'éléments en un seul clic, cette fonctionnalité accélère le processus de sélection.
Précision de la Sélection : Les sélections par clic permettent aux utilisateurs de cibler précisément les éléments qu'ils souhaitent manipuler, ce qui réduit les risques d'erreurs et de sélections accidentelles.
.
- Il existe actuellement deux manières de sélectionner et désélectionner des widgets :
- Par clic,
- Par zone.
- Pour passer en mode "sélection" :
- Cliquer sur le bouton ( cadre rouge ).
- Utiliser le raccourci clavier en appuyant sur la touche '
V'.
Quand une sélection est faite, plusieurs actions sont possibles :
- Déplacer les widgets ( voir la page Mode déplacement des widgets (drag & drop)- Édition visuelle - Météo ).
- Supprimer les widgets ( voir la page Suppression des widgets - Édition visuelle - Météo ).
- Redimensionner un widget ( voir la page Redimensionnement des widgets - Édition visuelle - Météo ).
| Panel |
|---|
|
Un widget sélectionné
Si un widget est sélectionné :
- Il sera mis en avant par un cadre bleu sur son contour.
- 4 icônes de redimensionnement apparaitrons aux différents coins du widget.
| Panel |
|---|
|
Sélection / Désélection par clic sur les widgets
Voici les actions possibles sur la sélection avec un clic :
- Sélection d'un widget :
- Un clic unique sur un widget non sélectionné permet de le sélectionner.
- Un clic unique sur un widget non sélectionné permet de le sélectionner.
- Sélection de plusieurs widgets :
- En maintenant la touche
Ctrlenfoncée et en cliquant sur un widget, cela ajoutera ce widget à la sélection actuelle.
- En maintenant la touche
- Désélection d'un widget :
- Un clic sur un widget sélectionné permet de le désélectionner.
- Un clic sur un widget sélectionné permet de le désélectionner.
- Désélection globale :
- Un clic sur un espace vide de la grille désélectionne tous les widgets sélectionnés.
- Appuyer sur la touche
ECHAPdésélectionne tous les widgets.
| Panel | ||
|---|---|---|
| ||
|
Sélection / Désélection par zone
Deux méthodes sont disponibles pour sélectionner plusieurs widgets ( créer une zone de sélection ):
Cliquer et faire glisser :
- Comment faire :
- Cliquer et maintenir le clic sur un espace vide de la grille, puis déplacer la souris pour dessiner le rectangle bleu de sélection.
- Comportement :
- Tous les widgets précédemment sélectionnés seront désélectionnés.
- Après avoir relâché le clic, tous les widgets inclus dans la zone de sélection seront sélectionnés.
- Comment faire :
Maintenir la touche
Ctrl, cliquer et faire glisser :- Comment faire :
- Appuyer sur la touche Ctrl et dessiner une zone de sélection en cliquant et en faisant glisser la souris.
- Appuyer sur la touche Ctrl et dessiner une zone de sélection en cliquant et en faisant glisser la souris.
- Comportement :
- Aucun widget sélectionné auparavant ne sera désélectionné.
- Après avoir relâché le clic, tous les widgets inclus dans la zone verront leur état de sélection inversé :
- Les widgets non sélectionnés seront sélectionnés.
- Les widgets sélectionnés seront désélectionnés.
- Comment faire :
| Panel |
|---|
 |
| Info |
|---|
Tous les widgets qui se trouvent |
| borderColor | red |
|---|---|
| borderWidth | 3px |
| borderStyle | solid |
Sélection multiple par clic
Après avoir sélectionné un premier widget en cliquant dessus, il est possible d'en sélectionner d'autre en maintenant la touche Ctrl du clavier appuyé puis en cliquant sur d'autres widgets, les utilisateurs peuvent alors sélectionner plusieurs widgets à la fois.
| Panel | ||||||
|---|---|---|---|---|---|---|
| ||||||
Sélection par zone
Les utilisateurs peuvent créer une sélection en encadrant des widgets sur la grille d'affichage. Pour ce faire, ils cliquent sur une zone libre et font glisser la souris pour créer une sélection rectangulaire.
Cette méthode permet de sélectionner plusieurs widgets qui se trouvent dans une zone spécifique.
Cela leur permet de :
- Optimiser de l'Espace : En encadrant une zone, les utilisateurs peuvent libérer de l'espace pour de nouveaux éléments sans perturber l'organisation existante.
Flexibiliser l'agencement : Les sélections permettent aux utilisateurs de réorganiser facilement le contenu afin de répondre à de nouvelles exigences et faire de la place pour de nouveaux éléments ou pour une série d'équipements supplémentaires.
| borderColor | red |
|---|---|
| borderWidth | 3px |
| borderStyle | solid |
| Panel |
|---|
Ajouter une ou deux screens avec un cadre de sélection au-dessus de widget pour illustrer. |
à l'intérieur de cette zone encadrée seront |
pris en compte ( même les widgets partiellement survolés par la zone de sélection ). |
| Panel | ||||||
|---|---|---|---|---|---|---|
| ||||||