Versions Compared

Old Version 3

changes.mady.by.user Clément Pouilloux

Saved on

compared with

New Version Current

changes.mady.by.user Soubrié Grégoire

Saved on

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

Cette section détaille les différents paramètres qu'il est possible de configurer pour le widget séparateur.

Pour configurer les valeurs par défaut des widgets séparateur, voir la page Éditer les valeurs par défaut - Widget Séparateur - Édition visuelle - Météo.

Édition d'un widget séparateur

Ajouter un screen de toutes les zones du séparateur

Panel

Image Added





Nom du widget

Correspond au texte affiché sur le séparateur.

  • Contraintes :
    • Ce champ ne peut pas être vide.
    • La taille maximale est de 300 caractères.
Remarque :
  • Clé dans le JSON = label.



Panel

Image Added

Zones

Afficher les zones

Le widget séparateur comprend deux zones qui sont affichables ou non :

  • Zone de gauche ( left_area ).
  • Zone de droite ( right_area )
Les choix possibles sont
  • .
  • Valeurs possibles :
    • Affiché ;
    • Caché
  • Défaut
    • Spécificité
      • ; 
      • Par défaut ( alignement soit affiché, soit caché, en fonction de la configuration ).
    • Si "Affiché" est coché, la zone sera affichée
    (info)Image Removed Si afficher est cocher, le zone sera afficher
    • dans la prévisualisation et pourra être
    configuré
    • configurée.

    Prévisualisation 

    Un widget séparateur de prévisualisation est présent en bas du formulaire, il contient toutes les zones configurables leur roue crantée.

    Panel

    screen du preview séparateur


    Remarque :



    Spécificité

    (info)Image Removed Un clic sur une roue crantée affiche la partie du formulaire correspondante à cette zone.

    Configuration des différentes zones

    Zone de gauche et zone de droite

    La zone Les zones de gauche et la zone de droite contiennent le même paramètre les mêmes paramètres de configuration.

    Panel

    Image Added



    Panel

    Image Added

    Pourcentage de

    largeur
    Définie

    largueur

    Correspond à la taille en pourcentage que la

    taille que

    zone va prendre

    la zone

    par rapport au total

    .

    Correspond à la clé width_percent de la partie left_area ou right_area dans le JSON.

    Spécificité(info)Image Removed La valeur doit être un nombre entier positif

    de la taille du widget auquel on a retiré la taille du texte.

    • Contraintes : doit être un pourcentage ( nombre entier 
    • compris entre 0 et 100 ).

    Zone du titre

    Le label

    Le label correspond au texte affiché sur le séparateur.


    Remarque :
    • Clé
    Correspond à la clé label de la partie title_area
    • dans le JSON = width_percent.
    Spécificité
    (info)Image Removed
    • La
    saisie d'une
    • valeur
    est obligatoire.

    (info)Image Removed La taille maximale est de 300 caractères. 



    Pourcentage de la largeur : 0 

    Panel

    Image Added

    Pourcentage de la largeur : 20 

    Panel

    Image Added

    Pourcentage de la largeur : 100

    Panel

    Image Added

    Zone du label

    Panel

    Image Added

    Couleur du texte

    Permet

    La couleur du texte
    Ce paramètre permet

    de changer la couleur du

    label.

    Correspond à la clé text_color de la partie title_area dans le JSON.

    Spécificité

    (info)Image Removed La valeur peut être : le nom en anglais d'une couleur ou une couleur sous format HTML ( valeur hexadécimale ).

    texte affiché sur le séparateur.

    • Contraintes :
      • doit respecter l'un des formats suivants :
        • format RGB ( ex : rgb( 255, 255, 255 ) ),
        • format hexadécimal HTML ( ex : #000000 ),
        • nom couleur en anglais ( ex : red ).
      • Les caractères " , ; et ' sont interdits.
    Remarque :

    Exemple :

    Couleur du texte : red

    Panel

    Image Added

    Couleur du texte : #000000

    Panel

    Image Added

    Couleur du texte : rgb(155, 155, 255)

    Panel

    Image Added

    Alignement du texte

    Permet de choisir l'alignement du texte sur le séparateur.

    • Valeurs possibles :
      • Milieu ( alignement centré ),
      • Gauche ( alignement à gauche ),
      • Droite ( alignement à droite ),
      • Par défaut ( alignement soit à gauche, soit centré, soit à droite, en fonction de la configuration ).

    Remarque :

    Alignement du texte :  Gauche

    Panel

    Image Added

    Alignement du texte :  Droite

    Panel

    Image Added

    Zoom du texte

    Permet de changer la taille de la police du texte affiché sur le séparateur ( en pourcentage ).

    • Contraintes : doit être un pourcentage ( nombre entierex : 25 pour 25%, 300 pour 300% ).
    • Remarque :
      • une valeur trop petite rendra le texte illisible.
      • une valeur trop grande pourra être tronquée, car elle pourrait dépasser la taille donnée au widget séparateur.
    Remarque :
    • Clé dans le JSON = font_zoom_percent.



    Zoom du texte : 50

    Panel

    Image Added

    Zoom du texte : 100

    Panel

    Image Added

    L'alignement du texte

    Ce paramètre permet de changer la position du label.

    Correspond à la clé text_align de la partie title_area dans le JSON.

    Spécificité

    (info)Image Removed La valeur est sélectionnée avec un bouton radio parmi les valeurs suivantes : droite, gauche, milieux, défaut.

    Le pourcentage de zoom de la police

    Ce paramètre permet de changer la taille de la police du label.

    Correspond à la clé font_zoom_percent de la partie title_area dans le JSON.

    Spécificité(info)Image Removed La valeur doit être un nombre entier positif.