Concept

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

Édition d'un widget séparateur




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.



Zones

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

  • Zone de gauche ( left_area ).
  • Zone de droite ( right_area ).
  • Valeurs possibles :
    • Affiché ;
    • Caché
    • Par défaut ( alignement soit affiché, soit caché, en fonction de la configuration ).
  • Si "Affiché" est coché, la zone sera affichée dans la prévisualisation et pourra être configurée.


Remarque :



Zone de gauche et zone de droite

Les zones de gauche et de droite contiennent les mêmes paramètres de configuration.



Pourcentage de largueur

Correspond à la taille en pourcentage que la zone va prendre par rapport au total 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 ).


Remarque :



Pourcentage de la largeur : 0 

Pourcentage de la largeur : 20 

Pourcentage de la largeur : 100

Zone du label

Couleur du texte

Permet de changer la couleur du 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

Couleur du texte : #000000

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

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

Alignement du texte :  Droite

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 entier ex : 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 que vous avez donnée au widget séparateur.
Remarque :
  • Clé dans le JSON = font_zoom_percent.



Zoom du texte : 50

Zoom du texte : 100