Wiki source code of Style Config, Actions & Permissions
Version 6.1 by Achraf El Kari on 2023/07/18 15:54
Show last authors
| author | version | line-number | content |
|---|---|---|---|
| 1 | == == | ||
| 2 | |||
| 3 | On trouve 3 parties : [[image:https://ixpath.app/xwiki/bin/download/iXPath%20V3/PortalV3/Forms/TextBox/WebHome/IKZIZO.png?rev=1.1||alt="IKZIZO.png"]] | ||
| 4 | |||
| 5 | === __Container :__ === | ||
| 6 | |||
| 7 | |||
| 8 | [[image:https://ixpath.app/xwiki/bin/download/iXPath%20V3/PortalV3/Forms/TextBox/WebHome/AAE.png?rev=1.2||alt="AAE.png" style="float:left"]] | ||
| 9 | |||
| 10 | ===== ===== | ||
| 11 | |||
| 12 | (% style="margin-left:auto; width:500px" %) | ||
| 13 | |=((( | ||
| 14 | |||
| 15 | |||
| 16 | ====== **Container Element** ====== | ||
| 17 | )))|=((( | ||
| 18 | ====== **Description** ====== | ||
| 19 | ))) | ||
| 20 | |**Background Color** :|permet de définir la couleur de fond du textbox | ||
| 21 | |**Border** :|Changer la couleur et le volume de la bordure de textbox | ||
| 22 | |**Border Hover Color** :|Il est utilisé pour définir la couleur de la bordure ,lorsqu'il s'agit d'une interaction de survol par l’utilisateur. | ||
| 23 | |**Border Focus Color** :|Il est utilisé pour définir la couleur de l'encadrement qui s'affiche autour du textbox lorsqu'il est en état de focus (lorsqu'il est sélectionné à l'aide du clavier ou du curseur). Cela est généralement utilisé pour indiquer visuellement à l'utilisateur qu'un élément est en cours de sélection. | ||
| 24 | |**Border Radius :**|Définir le rayon des coins arrondis du textbox, Cette propriété permet de donner à l’élément une apparence plus douce et esthétique en arrondissant ses angles. | ||
| 25 | |**Border Side** :|Définir où vous voulez positionner la bordure du textbox (all, left, right, top, bottom) | ||
| 26 | |**Min Width **:|Il est utilisé pour définir la largeur minimale que le textbox, doit avoir, même si son contenu est plus étroit. | ||
| 27 | |**Max Width : **|Il est utilisé pour définir la largeur maximale que le textbox, doit avoir, même si son contenu est plus lar | ||
| 28 | |||
| 29 | === __Label:__ === | ||
| 30 | |||
| 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 | |||
| 33 | (% style="margin-left:auto; width:500px" %) | ||
| 34 | |=((( | ||
| 35 | ====== **Label Element** ====== | ||
| 36 | )))|=((( | ||
| 37 | ====== **Description** ====== | ||
| 38 | ))) | ||
| 39 | |**Text Color :**|Changer la couleur de label | ||
| 40 | |**Focus Color:**|((( | ||
| 41 | Définir la couleur de label** **lorsqu'il est sélectionné à l'aide du clavier ou du curseur [[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 | ))) | ||
| 43 | |**Font Size :**|Définir la taille de la police du label | ||
| 44 | | | | ||
| 45 | |||
| 46 | === === | ||
| 47 | |||
| 48 | === __Value:__ === | ||
| 49 | |||
| 50 | [[image:iXPath V3.PortalV3.Forms.TextBox.WebHome@opo.png||style="float:left"]] | ||
| 51 | |||
| 52 | (% style="margin-left:auto; width:500px" %) | ||
| 53 | |=((( | ||
| 54 | ====== **Value Element** ====== | ||
| 55 | )))|=((( | ||
| 56 | ====== **Description** ====== | ||
| 57 | ))) | ||
| 58 | |**Text Color:**|Elle permet de spécifier la couleur du texte de la valeur saisie dans le textbox | ||
| 59 | |**Font Size:**|Définir la taille de la police du texte saisie | ||
| 60 | |**Text Align:**|Elle permet de spécifier si le texte doit être aligné à gauche, à droite ou centré. | ||
| 61 | | | | ||
| 62 | |||
| 63 | == == | ||
| 64 | |||
| 65 | == Actions & Permissions: == | ||
| 66 | |||
| 67 | Le même principe de permissions du bouton s'applique également aux textbox __**//[[voir içi>>url:https://ixpath.app/xwiki/bin/view/iXPath%20V3/PortalV3/Forms/Bouton/Actions/]].//**__ Cependant, en ce qui concerne les actions, il existe trois triggers qui ne sont pas inclus dans le bouton. | ||
| 68 | |||
| 69 | [[image:iXPath V3.PortalV3.Forms.TextBox.WebHome@zatz.png||style="float:left"]] | ||
| 70 | |||
| 71 | (% class="box" %) | ||
| 72 | ((( | ||
| 73 | |||
| 74 | ))) | ||
| 75 | |||
| 76 | (% style="margin-left:auto; margin-right:auto; width:500px" %) | ||
| 77 | |=((( | ||
| 78 | ====== **Actions** ====== | ||
| 79 | )))|=((( | ||
| 80 | ====== **Description** ====== | ||
| 81 | ))) | ||
| 82 | |**onLoad:**|L'action** **se déclenche lorsque la page web a été entièrement chargé. | ||
| 83 | |**onChange:**|L'action se déclenche lorsque la valeur d'une textbox est modifiée par l'utilisateur. | ||
| 84 | |**onBlur:**|L'action se déclenche lorsque la focus de la saisie quitte la textbox, c'est-à-dire lorsque l'utilisateur a fini de saisir du texte dans la textbox et déplace le focus vers un autre élément de la page. | ||
| 85 | | | | ||
| 86 | |||
| 87 | (% class="box floatinginfobox" %) | ||
| 88 | ((( | ||
| 89 | (% class="mark text-uppercase" %)##[[Voir: Style Config, Actions & Permissions>>doc:]]## | ||
| 90 | ))) |