Style Config, Actions & Permissions
Version 5.1 by Achraf El Kari on 2023/07/18 15:52
On trouve 3 parties : 
Container :
Container Element | Description |
|---|---|
| Background Color : | permet de définir la couleur de fond du textbox |
| Border : | Changer la couleur et le volume de la bordure de textbox |
| 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. |
| 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. |
| 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. |
| Border Side : | Définir où vous voulez positionner la bordure du textbox (all, left, right, top, bottom) |
| Min Width : | Il est utilisé pour définir la largeur minimale que le textbox, doit avoir, même si son contenu est plus étroit. |
| Max Width : | Il est utilisé pour définir la largeur maximale que le textbox, doit avoir, même si son contenu est plus lar |
Label:
Label Element | Description |
|---|---|
| Text Color : | Changer la couleur de label |
| Focus Color: | Définir la couleur de label lorsqu'il est sélectionné à l'aide du clavier ou du curseur |
| Font Size : | Définir la taille de la police du label |
Value:
Value Element | Description |
|---|---|
| Text Color: | Elle permet de spécifier la couleur du texte de la valeur saisie dans le textbox |
| Font Size: | Définir la taille de la police du texte saisie |
| Text Align: | Elle permet de spécifier si le texte doit être aligné à gauche, à droite ou centré. |
Actions & Permissions:
Le même principe de permissions du bouton s'applique également aux textbox voir içi. Cependant, en ce qui concerne les actions, il existe trois triggers qui ne sont pas inclus dans le bouton.
Actions | Description |
|---|---|
| onLoad: | L'action se déclenche lorsque la page web a été entièrement chargé. |
| onChange: | L'action se déclenche lorsque la valeur d'une textbox est modifiée par l'utilisateur. |
| 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. |