Wiki source code of TextBox
Version 84.1 by Achraf El Kari on 2023/07/18 16:03
Show last authors
| author | version | line-number | content |
|---|---|---|---|
| 1 | Dans le composant TextBox on trouve 6 onglets : [[image:jzuo.png]] | ||
| 2 | |||
| 3 | |||
| 4 | ((( | ||
| 5 | == *Général Config : == | ||
| 6 | ))) | ||
| 7 | |||
| 8 | on trouve 4 sections | ||
| 9 | |||
| 10 | ===== Type : ===== | ||
| 11 | |||
| 12 | |||
| 13 | [[image:mplzi.png||height="257" style="float:left" width="409"]] | ||
| 14 | |||
| 15 | (% style="margin-left:auto; width:555.333px" %) | ||
| 16 | |=(% style="text-align: center; width: 88px; background-color: blue;" %)((( | ||
| 17 | ====== **Type Element** ====== | ||
| 18 | )))|=(% style="text-align: center; width: 466px; background-color: blue;" %)((( | ||
| 19 | ====== **Description** ====== | ||
| 20 | ))) | ||
| 21 | |(% style="width:88px" %)**text** :|(% style="width:466px" %)Il s'agit du type de base pour saisir du texte. Les utilisateurs peuvent entrer des caractères alphanumériques, des symboles et des espaces dans ce type de textbox. | ||
| 22 | |(% style="width:88px" %)**textArea :**|(% style="width:466px" %)Il permet aux utilisateurs de saisir un texte plus long. Elle est souvent utilisée pour les commentaires, les descriptions | ||
| 23 | |(% style="width:88px" %)**number :**|(% style="width:466px" %)Ce type de textbox est spécifiquement conçu pour saisir des valeurs numériques | ||
| 24 | |(% style="width:88px" %)**password :**|(% style="width:466px" %)Ce type de textbox masque les caractères saisis par l'utilisateur, Il est utilisé pour les champs de mot de passe | ||
| 25 | |(% style="width:88px" %) |(% style="width:466px" %) | ||
| 26 | |||
| 27 | == Data, Label & Input: == | ||
| 28 | |||
| 29 | [[image:oz.png||style="float:left"]] | ||
| 30 | |||
| 31 | (% style="margin-left:auto; width:500px" %) | ||
| 32 | |=((( | ||
| 33 | ====== **Element** ====== | ||
| 34 | )))|=((( | ||
| 35 | ====== **Description** ====== | ||
| 36 | ))) | ||
| 37 | |**Data: Key**|On trouve le Key pour définir le data type lié à ce champs textbox, Il est également possible de saisir manuellement une clé. | ||
| 38 | |(% colspan="2" %)((( | ||
| 39 | ====== ** Label:** ====== | ||
| 40 | |||
| 41 | Se compose par 2 éléments : Label et Tooltip | ||
| 42 | ))) | ||
| 43 | |**//Label~://**|Il est utilisé pour fournir une description ou une indication du type d'information attendu dans la textbox | ||
| 44 | |**//Tooltip~://**| Un tooltip est un petit élément qui fournit des informations supplémentaires ou des indications contextuelles lorsqu'un utilisateur survole sur un élément spécifique. [[image:1689593502002-887.png||height="60" width="145"]] | ||
| 45 | |(% colspan="2" %)((( | ||
| 46 | ====== **Input:** ====== | ||
| 47 | |||
| 48 | se compose par 3 éléments | ||
| 49 | ))) | ||
| 50 | |**//Placeholder~://**|Il s'agit d'un court texte informatif qui apparaît à l'intérieur de la zone de saisie lorsque celle-ci est vide, pour indiquer à l'utilisateur le type d'information attendue. | ||
| 51 | |**//Default Value ~://**|Est une fonctionnalité qui permet de pré-remplir un champ de saisie avec une valeur initiale | ||
| 52 | |**//Disabled ~://**|Lorsque le champs de texte est désactivé, il n'est pas cliquable, sélectionnable ou modifiable par l'utilisateur. Cela signifie que l'utilisateur ne peut pas saisir ou soumettre de données via cet élémen |