Tous les contrôles ne possèdent pas ces propriétés, néanmoins, elles jouent le même rôle pour plusieurs d'entre eux.
Apparence
- Hauteur, Largeur : Ces propriétés, à renseigner en pixels (exemple : "70px" ou "12em"), déterminent la taille visible du contrôle.
- Position X, Position Y : Position du contrôle en pixels, par rapport au bord gauche et au haut du formulaire. Vous pouvez plus simplement déplacer l'objet sélectionné avec la souris.
- Alignement : Affecter la valeur "left", "center" ou "right" selon que le contenu du champ doit être calé à gauche, au milieu, ou à droite, dans le champ.
- Classe : Classe CSS du contrôle. Par exemple, "labelTitle" ou "groupText" pour un titre de bloc.
- Style : Style CSS du contrôle (personnalisation avancée). Par exemple background-color: #E6E6E6;.
- Couche : La couche indique la profondeur du contrôle dans le formulaire, en cas de contrôles superposés. Un contrôle de couche 1 est masqué par un contrôle de couche 2. Cela est utile surtout lorsque des contrôles sont positionnés sur un groupe.
Comportement
- Identifiant : L'identifiant du contrôle est renseigné par l'application. Il n'a pas à être modifié. Il peut être utilisé comme référence dans un autre attribut, notamment pour les zones rafraîchies d'un bouton ou d'un champ.
- Valeur : Contenu du label (texte fixe, voir aussi Personnalisation des libellés) ou du champ (valeur dynamique, voir Valeur des contrôles).
-
Fuseau horaire : Si vous êtes en gestion Multi-fuseaux horaires, vous pouvez préciser le fuseau horaire dans lequel le champ Date ou Date-heure doit être exprimé.
- En le fixant, exemple : Asia/Hong_Kong (Pensez à bien respecter la syntaxe du nom du fuseau horaire).
- En le rendant dynamique : soit en récupérant celui d'une entité, soit en récupérant celui de la session utilisateur
Exemples :
- fuseau horaire de l'intervention : #{formAnimator.bean.WO.temporalContext}
- fuseau horaire de session : #{loggedUser.temporalContext}
- Expression : Valeur appliquée aux contrôles standard, en lecture seule, destinée à donner un exemple pour la configuration de vos contrôles personnalisés.
- Infobulle : Texte d'information affiché lorsque le curseur de la souris passe sur le contrôle.
- Zones rafraîchies : Liste des champs à réactualiser lorsque le champ est modifié. C'est une liste d'identifiants séparés par des virgules.
Exemple : sda_Materia_Supplier,pa_Material_DET_gen_input1,pa_Material_DET_gen_input2.
Le champ doit avoir été indiqué comme provoquant un rafraîchissement ajax, par clic sur l'icône correspondante (voir Mode personnalisation).
- Activation suggestion : Dans le cas où le champ est une infozone, le comportement de la liste d'auto-complétion est paramétrable, voir Infozone.
- Ordre de tabulation : Permet de parcourir les champs de saisie dans l'ordre souhaité, en utilisant la touche "Tabulation" du clavier. Les champs standards sont numérotés de 10 en 10, afin de pouvoir insérer des champs personnalisés entre deux champs standards.
- Affiché : Permet d'indiquer à quelle condition le contrôle est affiché. Il doit donc s'agir d'une expression booléenne, voir Valeur des contrôles.
Par exemple : #{formAnimator.bean.category !="ENERGY"} indique que le contrôle ne sera affiché que si la catégorie est égale à "ENERGY".
- Lecture seule : Permet d'indiquer à quelle condition le contrôle est en lecture seule. Même principe que pour "Affiché".
- Onglet [Script] : Sélectionner l'événement déclencheur, (exemple : OnCLick, pour un clic sur un bouton), cliquer sur le bouton Éditer et saisir le script à exécuter dans la pop up, voir Scripting.