Changes for page TextBox
Last modified by Achraf El Kari on 2023/07/18 18:58
Change comment:
There is no comment for this version
Summary
-
Page properties (1 modified, 0 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -1,11 +1,11 @@ 1 - DanslecomposantTextBox onrouve 6onglets1 +In the TextBox component, we find 6 tabs: [[image:jzuo.png]] 2 2 3 3 4 4 ((( 5 -== *G énéral Config : ==5 +== *General Config : == 6 6 ))) 7 7 8 - on trouve 4 sections8 + In the General Config, we find 4 sections: **Type, Label, Data, Input.** 9 9 10 10 ===== Type : ===== 11 11 ... ... @@ -18,10 +18,10 @@ 18 18 )))|=(% style="text-align: center; width: 466px; background-color: blue;" %)((( 19 19 ====== **Description** ====== 20 20 ))) 21 -|(% style="width:88px" %)**text** :|(% style="width:466px" %) Ils'agitdutypedebasepoursaisirdutexte.Lesutilisateurspeuvententrerdes caractères alphanumériques,dessymbolesetdesespacesdanscetypedetextbox.22 -|(% style="width:88px" %)**textArea :**|(% style="width:466px" %)I l permet auxutilisateursdesaisir unxteplus long. Elle est souventutiliséepourlescommentaires,lesdescriptions23 -|(% style="width:88px" %)**number :**|(% style="width:466px" %) Cetypedetextboxestspécifiquementconçu pour saisirdesvaleursnumériques24 -|(% style="width:88px" %)**password :**|(% style="width:466px" %) Cetypedetextboxmasquelescaractèressaisis parl'utilisateur,Il estutilisépour leschamps demotdepasse21 +|(% style="width:88px" %)**text** :|(% style="width:466px" %)This is the basic type for entering text. Users can enter alphanumeric characters, symbols, and spaces in this type of textbox. 22 +|(% style="width:88px" %)**textArea :**|(% style="width:466px" %)"It allows users to enter longer text. It is often used for comments, descriptions, and similar purposes. 23 +|(% style="width:88px" %)**number :**|(% style="width:466px" %)This type of textbox is specifically designed for entering numerical values. 24 +|(% style="width:88px" %)**password :**|(% style="width:466px" %)This type of textbox hides the characters entered by the user. It is used for password fields. 25 25 |(% style="width:88px" %) |(% style="width:466px" %) 26 26 27 27 == Data, Label & Input: == ... ... @@ -34,19 +34,19 @@ 34 34 )))|=((( 35 35 ====== **Description** ====== 36 36 ))) 37 -|**Data: Key**| Ontrouvele Keypourdéfinirle data typelié àcechamps textbox,Ilestégalementpossibledesaisirmanuellementuneclé.37 +|**Data: Key**|We have the 'Key' field to define the data type associated with this textbox field. It is also possible to manually enter a key. 38 38 |(% colspan="2" %)((( 39 39 ====== ** Label:** ====== 40 40 41 - Secomposepar2élémentsetTooltip41 + It consists of two elements: Label and Tooltip 42 42 ))) 43 -|**//Label~://**|I l estutilisépourfournir une description ouuneindicationdutyped'informationattendudanslatextbox44 -|**//Tooltip~://**| Untooltipestunpetitélémentquifournitdesinformations supplémentairesou desindicationscontextuelleslorsqu'unutilisateursurvolesurun élémentspécifique. [[image:1689593502002-887.png||height="60" width="145"]]43 +|**//Label~://**|It is used to provide a description or indication of the type of information expected in the textbox 44 +|**//Tooltip~://**| A tooltip is a small element that provides additional information or contextual hints when a user hovers over a specific element. [[image:1689593502002-887.png||height="60" width="145"]] 45 45 |(% colspan="2" %)((( 46 46 ====== **Input:** ====== 47 47 48 - secomposepar3 éléments48 + It consists of three elements 49 49 ))) 50 -|**//Placeholder~://**|I ls'agitd'un court texteinformatifquiapparaîtà l'intérieurdela zonede saisielorsquecelle-ciestvide,pourindiqueràl'utilisateurle typed'informationattendue.51 -|**//Default Value ~://**| Estunefonctionnalité qui permetdepré-remplir unchampdesaisieavec unevaleurinitiale52 -|**//Disabled ~://**| Lorsquele champs de texteestdésactivé, il n'estpas cliquable, sélectionnable oumodifiableparl'utilisateur.Celasignifieque l'utilisateur nepeutpas saisir ousoumettrededonnéesviacet élémen50 +|**//Placeholder~://**|It is a brief informative text that appears inside the input area when it is empty, to indicate to the user the type of information expected 51 +|**//Default Value ~://**|It is a feature that allows pre-filling an input field with an initial value 52 +|**//Disabled ~://**|When the text field is disabled, it is not clickable, selectable, or editable by the user. This means that the user cannot enter or submit data through this element