Versions Compared

Old Version 29

changes.mady.by.user Shinken Trainee

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 )

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

  • .
  • Valeurs possibles :
    • Affiché ;
    • Caché ; 
    • Par défaut ( alignement soit affiché, soit caché, en fonction de la configuration ).
  • Si "Affiché
Spécificité(info)Image Removed Si "affiché
  • " est coché, la zone sera affichée dans la prévisualisation et pourra être configurée.

Prévisualisation 

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

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

largueur

Définit

Correspond à la taille en pourcentage que la zone va prendre par rapport au total de la taille du widget

.

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

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

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

La couleur

du texte

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  (  par exemple #000000, black ou rgb(0, 0, 0) correspondent tous les trois au noir le plus profond )..

(info)  Des caractères sont interdits : [ " ; ' ]

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

Le choix de l'alignement permet de choisir comment positionné le label.

Valeurs possibles :

  • milieux ( alignement centré );
  • gauche ( alignement à gauche );
  • droite ( alignement à droite );
Panel

Image Removed

Panel

Image Removed

Panel

Image Removed

Spécificité

(info)Image Removed "default" => la valeur sera calculée avec le système de "Calcul de la valeur en cascade" ( voir la page Concept et paramétrage des widgets - Edition - Météo   ).

Le pourcentage de zoom de la police

Définit le pourcentage de zoom de la police.

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.