Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Make by tools (01.00.01) - action=clean_macro_parameter
Scroll Ignore
scroll-viewporttrue
scroll-pdftrue
scroll-officetrue
scroll-chmtrue
scroll-htmlfalse
scroll-docbooktrue
scroll-eclipsehelptrue
scroll-epubtrue
scroll-htmlfalse
Panel
titleSommaire

Table of Contents
stylenone

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 ( Image RemovedImage RemovedImage RemovedImage Removed ).

widgets.

Prérequis pour effectuer un redimensionnement

Panel

Image Removed

info

Le redimensionnement n'

est actif que lorsqu'il n'y a qu'un seul widget sélectionné

est possible que lorsque les conditions suivantes sont réunies :

  • Le mode de sélection est actif ( voir la page
NEW_PAGE - 003.7 - SEF-11413 - Edition
  • É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

Image Added

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 ( Image RemovedImage RemovedImage RemovedImage Removed ).
  • 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 ( Image Removed ), indiquant que vous pouvez redimensionner le widget dans toutes les directions Image Added ).
Panel
borderStylesolid

Image Removed

Axe de redimensionnement

Image Added

Taille et axe de redimensionnement

Cliquer et maintenir le bouton gauche de la souris pour commencer le redimensionnement.

  • redimensionnement du
Vous pouvez redimensionner un
  • 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

 Image Removed

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

Image Removed

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

 Image Removed

    • 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 gauche

Une fois la taille souhaitée atteinte

:relâchez

, 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 cas de chevauchement avec un autre widget
      • 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
du widget
    • avec un autre
élément de la météo à la suite du redimensionnement
    • widget :
      • La modification de la
talle
      • taille ne sera pas prise en compte.
      • Le widget retournera à sa taille initiale.

Etat initial.

Panel

Image Removed


Warning

Le chevauchement est symbolisé par le passage du bleu au rouge de l'ombre du

Un liseré rouge signifie que le

widget en cours de

redimensionnement chevauche au moins un autre widget

modification.

Panel

Image Removed

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

Redimensionnement possible

Image Added

Panel

Image Removed

Redimensionnement impossible

Image Added

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.