Concept

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

Accéder à la fenêtre d'édition des paramètres

Pour accéder à la fenêtre de configuration du widget séparateur, en mode édition, il suffit de cliquer sur la roue crantée (  ) sur le côté droit du widget ( cadre rouge dans l'illustration ).

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

Nom

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.



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.
    • La couleur peut impacter la visibilité du texte.
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 : 75 

Zoom du texte : 150