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-epubtruescroll-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

    widgets.

    Sélectionner le widget que vous souhaitez redimensionner ( un clic suffit ).

    Prérequis pour effectuer un redimensionnement

    Pour sélectionner un widget :

  • Les poignées de redimensionnement disponible aux quatre coins du widget apparaissent ( Image RemovedImage RemovedImage RemovedImage Removed ).
  • Panel

    Image Removed

    Info

    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
    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.

    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,
    • Faites glisser la poignée de redimensionnement vers le haut ou vers le bas.
    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.
    • Faites glisser la poignée de redimensionnement diagonalement pour ajuster la taille du widget dans les deux directions à la fois.
    Panel

     Image Removed

      • 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

    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.

    État initial.


    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.

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

    modification.

    Panel

    Redimensionnement possible

    Image Added

    Panel

    Redimensionnement impossible

    Image Added

    Panel

    Image Removed

    Panel

    Image Removed

    Panel

    Image Removed

    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.