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
-
... ... @@ -1,6 +1,6 @@ 1 1 == == 2 2 3 - On trouve 3 parties3 + We have 3 parts: [[image:https://ixpath.app/xwiki/bin/download/iXPath%20V3/PortalV3/Forms/TextBox/WebHome/IKZIZO.png?rev=1.1||alt="IKZIZO.png"]] 4 4 5 5 === __Container :__ === 6 6 ... ... @@ -17,14 +17,14 @@ 17 17 )))|=((( 18 18 ====== **Description** ====== 19 19 ))) 20 -|**Background Color** :| permetdedéfinir laeurde fonddutextbox21 -|**Border** :| Changerlacouleuretlevolumedela bordure detextbox22 -|**Border Hover Color** :|I lestutilisépourdéfinir la couleurdelabordure,lorsqu'ils'agit d'uneinteraction de survolparl’utilisateur.23 -|**Border Focus Color** :|I lestutilisépourdéfinirlacouleurde l'encadrementqui s'affiche autourdutextboxlorsqu'ilest enétatdefocus(lorsqu'ilest sélectionnéà l'aidedu clavier ouducurseur).Celaestgénéralementutilisépourindiquervisuellementà l'utilisateurqu'unélémentestencoursdesélection.24 -|**Border Radius :**| Définirle rayondes coinsarrondisdutextbox,Cettepropriétépermetde donneràl’élémentuneapparenceplus douce et esthétiqueenarrondissantsesangles.25 -|**Border Side** :| Définir où vousvoulezpositionnerlaborduredutextbox (all, left, right, top, bottom)26 -|**Min Width **:|I lestutilisépourdéfinirla largeurminimalequeletextbox,doitavoir,mêmesi soncontenu estplusétroit.27 -|**Max Width : **|I lestutilisépourdéfinirla largeurmaximalequeletextbox,doitavoir,mêmesi soncontenu estpluslar20 +|**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 ... ... @@ -36,11 +36,11 @@ 36 36 )))|=((( 37 37 ====== **Description** ====== 38 38 ))) 39 -|**Text Color :**| Changerlacouleurde label39 +|**Text Color :**|To change the color of the label 40 40 |**Focus Color:**|((( 41 - Définirlacouleurde label****lorsqu'ilestsélectionnéà l'aidedu clavier ouducurseur [[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"]]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 -|**Font Size :**| Définirlataillede la policedulabel43 +|**Font Size :**|To define the font size of the label 44 44 | | 45 45 46 46 === === ... ... @@ -55,9 +55,9 @@ 55 55 )))|=((( 56 56 ====== **Description** ====== 57 57 ))) 58 -|**Text Color:**| Ellepermet despécifierlacouleurdutextedelavaleur saisiedansle textbox59 -|**Font Size:**| Définirlataillede la police dutextesaisie60 -|**Text Align:**| Ellepermet despécifiersi le textedoitêtre alignéàgauche,à droiteoucentré.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 61 | | 62 62 63 63 == == ... ... @@ -64,7 +64,7 @@ 64 64 65 65 == Actions & Permissions: == 66 66 67 - Le même principedepermissionsdubouton s'appliqueégalementauxtextbox__**//[[voir içi>>url:https://ixpath.app/xwiki/bin/view/iXPath%20V3/PortalV3/Forms/Bouton/Actions/]].//**__ Cependant, en cequi concerneles actions, ilexiste trois triggersquinesontpasinclusdansle bouton.67 +The same principle of permissions for the button also applies to the textboxes. However, regarding actions, there are three triggers that are not included in the button. 68 68 69 69 [[image:iXPath V3.PortalV3.Forms.TextBox.WebHome@zatz.png||style="float:left"]] 70 70 ... ... @@ -79,7 +79,7 @@ 79 79 )))|=((( 80 80 ====== **Description** ====== 81 81 ))) 82 -|**onLoad:**| L'action****sedéclenchelorsquelapagewebaétéentièrementchargé.83 -|**onChange:**| L'action sedéclenche lorsquelavaleurd'unetextboxestmodifiéeparl'utilisateur.84 -|**onBlur:**| L'actionedéclenchelorsque lafocusdela saisiequittela textbox,c'est-à-direlorsquel'utilisateur a finidesaisirdutextedanslatextboxet déplacele focusversunautreélémentdelapage.82 +|**onLoad:**|The action is triggered when the web page has been fully loaded. 83 +|**onChange:**|The action is triggered when the value of a textbox is changed by the user. 84 +|**onBlur:**|The action is triggered when the focus of the input leaves the textbox, meaning when the user has finished entering text in the textbox and moves the focus to another element on the page. 85 85 | |