Skip to main content
Skip table of contents

Définir le formulaire de la fiche ( pour les ergonomies Fiche )


Maintenant qu’on a décidé des onglets, des champs, et autres contenus de notre fiche, il ne reste plus qu'à la rendre un peu plus jolie🧑‍🎨 🖌️ !

Comment faire ?

Pour cela, on va aller arranger le formulaire en cliquant sur le bouton “Formulaire”, dans lequel on va pouvoir:

  • Placer les différentes zones et les différents champs ( leur position est déterminée par rapport au coin haut-gauche de la fenêtre )

  • Retailler les zones : leur taille est paramétrable en largeur et hauteur indépendamment du format. La largeur du libellé complémentaire est également modifiable.

  • Colorier les zones : il est possible de choisir une couleur de fond et de texte pour une zone, son libellé et son libellé complémentaire. Les attributs de police suivants sont disponibles pour chaque zone, son libellé et son libellé complémentaire : gras, italique, souligné, barré.

  • Grouper les zones : un ensemble de zones peut être entouré par un rectangle.

  • Typer les zones : une zone de type caractère peut être représentée comme une image, ou un « Internet Explorer ».

La couleur de fond 🎨 du formulaire ainsi que ses dimensions sont également paramétrables.

Une fois qu’on a cliqué sur le bouton “Formulaire”, la fenêtre de définition du formulaire s’ouvre:

image-20240319-144403.png

Dans cette fenêtre, la couleur de fond du formulaire est affichée, la taille choisie pour celui-ci est prise en compte. Par contre, pour faciliter le positionnement, les libellés de zone sont affichés en bleu foncé, les libelles complémentaires en bleu clair.

Dans la définition d’un formulaire, les volets sont représentés par un rectangle contenant un texte. A l’utilisation d’un formulaire, seul le texte est affiché (pour superposition avec des rectangles par exemple).

Il est possible de sélectionner une ou plusieurs zones et de les déplacer. Lors du déplacement d’une zone, son libellé et son libellé complémentaire sont déplacés également. Le placement des zones est libre, sous réserve de la largeur du libellé qui ne doit pas déborder de l’écran. L’alignement des zones peut être réalisé précisément avec la fiche « Propriétés ».

Les zones rajoutées sans avoir été placées (lancement de la fiche de définition formulaire pour la première fois, ou après avoir ajouté des zones dans la définition de l’ergonomie) sont placées à gauche, après la dernière zone.

Que peut-on faire sur ce formulaire ?

image-20240319-152737.png
Modifier les propriétés de la zone : pour modifier la taille et l'apparence de la zone.

Cette action est disponible uniquement sur les zones, sur les rectangles et sur les boutons.

Pour les zones…

image-20240319-145611.png

  • Largeur Zone : (en pixels) La valeur 0 indique que l’on veut la largeur par défaut pour une zone (dépendante de la police, de la résolution d’écran). La valeur entre parenthèses après la valeur saisie est la largeur actuelle de la zone.

  • Nb. Caract. Zone : Information affichée seulement. Représente le nombre moyen de caractères pouvant être affiché avec la largeur actuelle de zone, dans la police de caractères choisie pour la zone.

  • Hauteur Zone : (en pixels) La valeur 0 indique que l’on veut la hauteur par défaut pour une zone (dépendante de la police, de la résolution d’écran). La valeur entre parenthèses après la valeur saisie est la hauteur actuelle de la zone.

  • Pos. X Zone : Position en abscisse de la zone à partir du bord gauche du formulaire (en pixels). Cette position ne peut pas être inférieure à 30.

  • Pos. Y Zone : Position en ordonnée de la zone à partir du bord haut du formulaire (en pixels). Cette position ne peut pas être inférieure à 4.

  • Apparence Spécifique : Indique si coché que l’apparence spécifique de la zone est prise en compte.

  • Apparence : Permet de renseigner la référence de l’apparence spécifique à appliquer à la zone. Pour voir toutes les apparences ou en créer…

  • Libellé : Libellé de la zone. La valeur vide permet d’utiliser le libellé par défaut de la variable affichée ; la valeur « *VIDE » permet de ne pas avoir de libellé du tout.

  • Largeur Lib. Comp. : Largeur en pixels du libellé complémentaire. Cette valeur doit être au minimum de 1 pour les zones ayant un libellé complémentaire (une désignation affichée).

  • Valeur Libellé Comp. : Valeur figée du libellé complémentaire (« € » par exemple). Cette valeur peut être « *VIDE » pour avoir un libellé complémentaire vide, la valeur vide indiquant que l’on conserve le libellé complémentaire défaut DIAPASON (le nom du gestionnaire dans cet exemple).

  • Représentation: Accessible uniquement pour les informations de type « caractère », cette zone permet de choisir l’ergonomie de représentation de la zone :

Valeur

Comportement

IE2

(Internet Explorer) Affiche une page dont l’URL est située dans la valeur de la zone courante

IM

(Image) Affiche une image dont le chemin est situé dans la valeur de la zone courante. Si l’image est plus grande que la zone, celle-ci est tronquée et affichée à partir de son coin haut-gauche.

IM-E

(Image étirée) Idem « IM » mais l’image est étirée de façon à occuper toute la place disponible dans la zone.

IM-EHL

(Image étirée avec conservation de la proportion hauteur/largeur) Idem « IM-E », mais la proportion entre la hauteur et la largeur de l’image est respectée.

  • Caractéristiques : Permet de renseigner la référence caractéristiques (ou code HTML) à appliquer à la zone.

Pour les rectangles…

image-20240319-150154.png
  • Largeur Rectangle : ( en pixels) la valeur 0 indique que l’on veut la largeur par défaut pour une zone (dépendante de la police, de la résolution d’écran). La valeur entre parenthèses après la valeur saisie est la largeur actuelle de la zone.

  • Hauteur Rectangle : ( en pixel ) La valeur 0 indique que l’on veut la hauteur par défaut pour une zone (dépendante de la police, de la résolution d’écran). La valeur entre parenthèses après la valeur saisie est la hauteur actuelle de la zone.

  • Pos. X Rectangle : Position en abscisse de la zone à partir du bord gauche du formulaire (en pixels). Cette position ne peut pas être inférieure à 30.

  • Pos. Y Rectangle : Position en ordonnée de la zone à partir du bord haut du formulaire (en pixels). Cette position ne peut pas être inférieure à 4.

  • Attributs Spécifiques : Indique si coché que les attributs suivants sont pris en compte.

  • Couleur Fond : Choix de la couleur de fond du rectangle.

  • Epaisseur Trait : Epaisseur du trait entourant le rectangle exprimée en pixels. Elle doit être comprise entre 0 (pas de trait) et 10. La valeur par défaut est 3.

  • Image de Fond : Permet de sélectionner une image qui sera affichée comme fond du rectangle

Pour les boutons…

image-20240319-150543.png
  • Largeur Rectangle : Permet de définir précisément la largeur du bouton.

  • Hauteur Rectangle : Permet de définir précisément la hauteur du bouton.

  • Pos. X Rectangle : Permet de définir précisément la position horizontale du bouton.

  • Pos. Y Rectangle : Permet de définir précisément la position verticale du bouton.

  • Texte : Texte qui s’affichera sur le bouton. Le texte est prioritaire sur l’icône. Si un texte est entré, l’icône sélectionné ne s’affichera pas.

  • Icône Actif : Icône qui s’affichera si le bouton est actif et si le champ « Texte » est vide. Cet icône viendra surcharger les icônes définies sur le thème et l’application des actions.

  • Icône Inactif : Icône qui s’affichera si le bouton est inactif et si le champ « Texte » est vide. Cet icône viendra surcharger les icônes définis sur le thème et l’application des actions.

  • Apparence : Apparence du texte si celui-ci est défini.

Pour les LPA…

Dans les propriétés depuis le formulaire, on a accès aux informations suivantes :

  • Largeur Zone : Permet de définir la largeur de la zone (en pixels)

  • Nb. Caract. Zone : Zone informative qui donne la largeur correspondante en caractères.

  • Hauteur Zone : Permet de définir la hauteur de la zone (en pixels)

  • Pos. X Zone : Permet de définir précisément la position en X de la liste.

  • Pos. Y Zone : Permet de définir précisément la position en Y de la liste.

Insérer / supprimer un rectangle
  • Création Rectangle : Dessine un nouveau rectangle, situé en haut à gauche et dont la taille au départ est figée.

  • Suppression Rectangle : Supprime le rectangle en cours de sélection. Action disponible uniquement sur les rectangles.

Créer / supprimer un bouton action
  • Création Action : Permet de créer un bouton qui vient alors se positionner dans le coin haut gauche de la fiche. L’utilisateur peut alors déplacer et retailler son bouton comme il le souhaite. Une action pourra exécuter une règle RCT ou pourra lancer une PSD, AME etc.

  • Suppression Action : Permet de supprimer le bouton en cours de sélection du formulaire. Action uniquement disponible sur un bouton.

Modifier des zones / rectangles / boutons en masse
  • Modification zones sélectionnées : Permet de modifier les propriétés de plusieurs zones au préalable sélectionnées.

  • Modification rectangles sélectionnés : Permet de modifier les propriétés de plusieurs rectangles au préalable sélectionnés.

  • Modification boutons sélectionnés : Permet de modifier les propriétés de plusieurs boutons au préalable sélectionnés.

  • Modification toutes zones : Permet de modifier les propriétés de toutes les zones présentes dans le formulaire.

  • Modification tous rectangles : Permet de modifier les propriétés de tous les rectangles présents dans le formulaire.

  • Modification tous boutons : Permet de modifier les propriétés de tous les boutons présents dans le formulaire.

Déplacement zones sélectionnées: Permet de déplacer ou copier (si « Copie » coché) les zones sélectionnées vers un autre onglet.

On peut choisir dans l’onglet qui s’affiche si on souhaite faire une copie de cette zone ( si non, elle sera déplacée), et dans quel onglet on souhaite la copier/déplacer:

image-20240319-152014.png
Alignement: Permet d’aligner les objets au préalable sélectionnés (sur chaque côté : à gauche, en haut, etc.).

L’alignement s’opère par rapport au premier objet sélectionné.

image-20240319-152943.png
Ecart normalisé: Permet de repositionner les zones sur le formulaire de façon à ce que l’écart entre chaque zone soit identique.

L’écart souhaité peut être défini sur la définition de l’ergonomie dans l’onglet « Formulaire défaut », dans le cas contraire il est égal à 2 pixels.

Sélection entre zones: Permet de sélectionner toutes les zones situées entre 2 zones sélectionnées (selon l’ordre de la définition de la fiche).

image-20240319-153046.png

Propriétés Formulaire: Saisie des propriétés générales du formulaire : taille et couleur de fond, ainsi que les attributs par défaut pour toutes les zones.
image-20240319-153126.png
  • Largeur Formulaire : Indique la largeur du formulaire (en caractères). La valeur entre parenthèses après la valeur saisie est la largeur actuelle de la fenêtre de définition de formulaire (indication permettant de tailler au mieux un formulaire).

  • Hauteur Formulaire : Indique la hauteur du formulaire (en caractères). La valeur entre parenthèses après la valeur saisie est la hauteur actuelle de la fenêtre de définition de formulaire (indication permettant de tailler au mieux un formulaire).

  • Couleur Formulaire : Choix de la couleur de fond du formulaire. Cette couleur s’applique à la fiche seulement.

  • Utilisation Grille : Indique si coché que tous les objets sont positionnés par rapport à une grille dont le pas est exprimé en pixels (zone suivante).

  • Pas de Grille : Nombre de pixels entre 2 mailles de grille. Lors du déplacement d’un objet (zone ou rectangle), le déplacement se fait en fonction de ce nombre de pixels.

  • Affichage Grille : Indique si coché la grille est affichée.

  • Intervalle Grille : Facteur indiquant le nombre de traits de la grille affichées. La valeur 1 indique « tous les traits », 2 signifiant « un trait sur 2 », etc.

  • Attributs Formulaires : Indique si coché que les attributs du formulaire sont pris en compte.

  • Attributs Zones : Indique si coché que l’apparence spécifique des zones est prise en compte.

  • Apparence : Permet de renseigner la référence de l’apparence à appliquer à toutes les zones du formulaire.

L’enregistrement du formulaire n’est effectif que si l’on valide la fiche de définition de l’ergonomie.


JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.