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.

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é

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

Libération du clic gauche

UN fois la taille souhaitée atteinte :

    • 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
  • relâchez le bouton de la souris.
  • Le
        • widget occupera tout l'espace souhaité
    .

    Raccourci clavier

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


    Warning

    Le chevauchement est symbolisé par le passage du bleu au rouge de l'ombre du widget en cours de modification.

    Panel

    Redimensionnement possible

    Image Added

    Panel

    Redimensionnement impossible

    Image Added

    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.