Changes for page Style Config, Actions & Permissions
Last modified by Achraf El Kari on 2023/07/18 19:11
Change comment:
There is no comment for this version
Summary
-
Page properties (1 modified, 0 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -10,21 +10,21 @@ 10 10 ===== ===== 11 11 12 12 (% style="margin-left:auto; width:500px" %) 13 -|=(% style="background-color: rgb a(0,0,255, 0.5);border-color: green;" %)(((13 +|=(% style="background-color: rgb(173, 216, 230);" %)((( 14 14 15 15 16 16 ====== **Container Element** ====== 17 -)))|=(% style="text-align: center; vertical-align: middle; background-color: rgb a(0,0,255, 0.5);border-color: green;" %)(((17 +)))|=(% style="text-align: center; vertical-align: middle; background-color: rgb(173, 216, 230);" %)((( 18 18 ====== **Description** ====== 19 19 ))) 20 -| (% style="border-color:green" %)**Background Color** :|(% style="border-color:green" %)Allows you to set the background color of the textbox21 -| (% style="border-color:green" %)**Border** :|(% style="border-color:green" %)To change the color and thickness of the textbox border22 -| (% style="border-color:green" %)**Border Hover Color** :|(% style="border-color:green" %)It is used to define the border color when there is a user hover interaction23 -| (% style="border-color:green" %)**Border Focus Color** :|(% style="border-color:green" %)It is used to define the color of the outline that appears around the textbox when it is in focus state (when it is selected using the keyboard or cursor). This is typically used to visually indicate to the user that an element is being selected.24 -| (% style="border-color:green" %)**Border Radius :**|(% style="border-color:green" %)To define the radius of the textbox's rounded corners, this property allows giving the element a smoother and more aesthetic appearance by rounding its angles.25 -| (% style="border-color:green" %)**Border Side** :|(% style="border-color:green" %)To define where you want to position the border of the textbox (all, left, right, top, bottom)26 -| (% style="border-color:green" %)**Min Width **:|(% style="border-color:green" %)It is used to define the minimum width that the textbox should have, even if its content is narrower.27 -| (% style="border-color:green" %)**Max Width : **|(% style="border-color:green" %)It is used to define the maximum width that the textbox should have, even if its content is wider.20 +|**Background Color** :|Allows you to set the background color of the textbox 21 +|**Border** :|To change the color and thickness of the textbox border 22 +|**Border Hover Color** :|It is used to define the border color when there is a user hover interaction 23 +|**Border Focus Color** :|It is used to define the color of the outline that appears around the textbox when it is in focus state (when it is selected using the keyboard or cursor). This is typically used to visually indicate to the user that an element is being selected. 24 +|**Border Radius :**|To define the radius of the textbox's rounded corners, this property allows giving the element a smoother and more aesthetic appearance by rounding its angles. 25 +|**Border Side** :|To define where you want to position the border of the textbox (all, left, right, top, bottom) 26 +|**Min Width **:|It is used to define the minimum width that the textbox should have, even if its content is narrower. 27 +|**Max Width : **|It is used to define the maximum width that the textbox should have, even if its content is wider. 28 28 29 29 === __Label:__ === 30 30 ... ... @@ -31,17 +31,17 @@ 31 31 [[image:https://ixpath.app/xwiki/bin/download/iXPath%20V3/PortalV3/Forms/TextBox/WebHome/JS.png?rev=1.1||alt="JS.png" style="float:left"]] 32 32 33 33 (% style="margin-left:auto; width:500px" %) 34 -|=(% style="b order-color: green; background-color: rgba(0,0,255, 0.5);" %)(((34 +|=(% style="background-color: rgb(173, 216, 230);" %)((( 35 35 ====== **Label Element** ====== 36 -)))|=(% style="b order-color: green; background-color: rgba(0,0,255, 0.5); text-align: center; vertical-align: middle;" %)(((36 +)))|=(% style="background-color: rgb(173, 216, 230); text-align: center; vertical-align: middle;" %)((( 37 37 ====== **Description** ====== 38 38 ))) 39 -| (% style="border-color:green" %)**Text Color :**|(% style="border-color:green" %)To change the color of the label40 -| (% style="border-color:green" %)**Focus Color:**|(% style="border-color:green" %)(((39 +|**Text Color :**|To change the color of the label 40 +|**Focus Color:**|((( 41 41 To define the color of the label when it is selected using the keyboard or cursor [[image:https://ixpath.app/xwiki/bin/download/iXPath%20V3/PortalV3/Forms/TextBox/WebHome/1689603172401-133.png?width=128&height=43&rev=1.1||alt="1689603172401-133.png" height="43" width="128"]] 42 42 ))) 43 -| (% style="border-color:green" %)**Font Size :**|(% style="border-color:green" %)To define the font size of the label44 -| (%style="border-color:green" %)|(%style="border-color:green" %)43 +|**Font Size :**|To define the font size of the label 44 +| | 45 45 46 46 === === 47 47 ... ... @@ -50,15 +50,15 @@ 50 50 [[image:iXPath V3.PortalV3.Forms.TextBox.WebHome@opo.png||style="float:left"]] 51 51 52 52 (% style="margin-left:auto; width:500px" %) 53 -|=(% style="background-color: rgb a(0,0,255, 0.5);border-color: green;" %)(((53 +|=(% style="background-color: rgb(173, 216, 230);" %)((( 54 54 ====== **Value Element** ====== 55 -)))|=(% style="background-color: rgb a(0,0,255, 0.5);border-color: green;text-align: center; vertical-align: middle;" %)(((55 +)))|=(% style="background-color: rgb(173, 216, 230); text-align: center; vertical-align: middle;" %)((( 56 56 ====== **Description** ====== 57 57 ))) 58 -| (% style="border-color:green" %)**Text Color:**|(% style="border-color:green" %)It allows specifying the text color of the entered value in the textbox.59 -| (% style="border-color:green" %)**Font Size:**|(% style="border-color:green" %)To define the font size of the entered text60 -| (% style="border-color:green" %)**Text Align:**|(% style="border-color:green" %)It allows specifying whether the text should be aligned to the left, right, or center.61 -| (%style="border-color:green" %)|(%style="border-color:green" %)58 +|**Text Color:**|It allows specifying the text color of the entered value in the textbox. 59 +|**Font Size:**|To define the font size of the entered text 60 +|**Text Align:**|It allows specifying whether the text should be aligned to the left, right, or center. 61 +| | 62 62 63 63 == == 64 64 ... ... @@ -74,9 +74,9 @@ 74 74 ))) 75 75 76 76 (% style="margin-left:auto; margin-right:auto; width:500px" %) 77 -|=(% style="background-color: rgb a(0,0,255, 0.5);border-color: green;" %)(((77 +|=(% style="background-color: rgb(173, 216, 230);" %)((( 78 78 ====== **Actions** ====== 79 -)))|=(% style="background-color: rgb a(0,0,255, 0.5);border-color: green;text-align: center; vertical-align: middle;" %)(((79 +)))|=(% style="background-color: rgb(173, 216, 230); text-align: center; vertical-align: middle;" %)((( 80 80 ====== **Description** ====== 81 81 ))) 82 82 |(% style="border-color:green" %)**onLoad:**|(% style="border-color:green" %)The action is triggered when the web page has been fully loaded.