Summary

• Page properties (1 modified, 0 added, 0 removed)

Details

Page properties

Content

...	...	@@ -18,11 +18,11 @@
18	18	)))|=(% style="text-align: center; width: 466px; background-color: rgb(173, 216, 230);" %)(((
19	19	====== **Description** ======
20	20	)))
21		-|(% style="border-color:green; width:88px" %)**text** :|(% style="border-color:green; 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="border-color:green; width:88px" %)**textArea :**|(% style="border-color:green; width:466px" %)"It allows users to enter longer text. It is often used for comments, descriptions, and similar purposes.
23		-|(% style="border-color:green; width:88px" %)**number :**|(% style="border-color:green; width:466px" %)This type of textbox is specifically designed for entering numerical values.
24		-|(% style="border-color:green; width:88px" %)**password :**|(% style="border-color:green; width:466px" %)This type of textbox hides the characters entered by the user. It is used for password fields.
25		-|(% style="border-color:green; width:88px" %) |(% style="border-color:green; width:466px" %)
	21	+|(% 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	+|(% style="width:88px" %) |(% style="width:466px" %)
26	26
27	27	== Data, Label & Input: ==
28	28
...	...	@@ -34,19 +34,19 @@
34	34	)))|=(% style="background-color: rgb(173, 216, 230); text-align: center; vertical-align: middle; border-color: green;" %)(((
35	35	====== **Description** ======
36	36	)))
37		-|(% style="border-color:green" %)**Data: Key**|(% style="border-color:green" %)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		-|(% colspan="2" style="background-color:#c0c0c0; border-color:green" %)(((
	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	+|(% colspan="2" %)(((
39	39	====== ** Label:** ======
40	40
41	41	It consists of two elements: Label and Tooltip
42	42	)))
43		-|(% style="border-color:green" %)**//Label~://**|(% style="border-color:green" %)It is used to provide a description or indication of the type of information expected in the textbox
44		-|(% style="border-color:green" %)**//Tooltip~://**|(% style="border-color:green" %) 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		-|(% colspan="2" style="background-color:#c0c0c0; border-color:green" %)(((
	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	+|(% colspan="2" %)(((
46	46	====== ** Input:** ======
47	47
48	48	It consists of three elements
49	49	)))
50		-|(% style="border-color:green" %)**//Placeholder~://**|(% style="border-color:green" %)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		-|(% style="border-color:green" %)**//Default Value ~://**|(% style="border-color:green" %)It is a feature that allows pre-filling an input field with an initial value
52		-|(% style="border-color:green" %)**//Disabled ~://**|(% style="border-color:green" %)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
	50	+|**//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