Versions Compared

Old Version 19

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é" est coché, la zone sera affichée
Spécificité(info)Image Removed Si afficher est cocher, le zone sera afficher
  • dans la prévisualisation et pourra être
configuré
  • configurée.


Remarque :
  • Clé dans le JSON = displayed.
(info)Image Removed
  • La valeur
est sélectionnée avec un bouton radio parmi les valeurs suivantes : affiché, caché, défaut.

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

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éfinie Spécificité(info)Image Removed La valeur doit être un nombre entier positif

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.

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

(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

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.

Panel
bgColorffff
titleDroite

Image Removed

Panel
titleCentré 

Image Removed

Panel
titleGauche

Image Removed

Le pourcentage de zoom de la police

Défini 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.