Summary

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

Details

Page properties

Content

...	...	@@ -18,10 +18,10 @@
18	18	)))|=(% style="text-align: center; width: 466px; background-color: rgba(0, 0, 255, 0.5);" %)(((
19	19	====== **Description** ======
20	20	)))
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.
	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	25	|(% style="width:88px" %) |(% style="width:466px" %)
26	26
27	27	== Data, Label & Input: ==
...	...	@@ -29,24 +29,24 @@
29	29	[[image:oz.png||style="float:left"]]
30	30
31	31	(% style="margin-left:auto; width:500px" %)
32		-|=(% style="background-color: rgba(0, 0, 255, 0.5);" %)(((
	32	+|=(% style="background-color: rgba(0, 0, 255, 0.5); border-color: green;" %)(((
33	33	====== **Element** ======
34		-)))|=(% style="background-color: rgba(0, 0, 255, 0.5);" %)(((
	34	+)))|=(% style="background-color: rgba(0, 0, 255, 0.5); text-align: center; vertical-align: middle; border-color: green;" %)(((
35	35	====== **Description** ======
36	36	)))
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" %)(((
	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="border-color:green" %)(((
39	39	====== ** Label:** ======
40	40
41	41	It consists of two elements: Label and Tooltip
42	42	)))
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" %)(((
	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="border-color:green" %)(((
46	46	====== **Input:** ======
47	47
48	48	It consists of three elements
49	49	)))
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
	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