TextBox - Style Config, Actions & Permissions 

Page / - last modified by Achraf El Kari on 2023/07/18 19:11 

Style Config, Actions & Permissions 
last modified by Achraf El Kari
on 2023/07/18 19:11

Table of Contents
Container :
Label:
Value:
Actions & Permissions:

  In Styles Config, we have 3 parts:   
Container :

Container Element	Description	
Background Color :	Allows you to set the background color of the textbox	
Border :	To change the color and thickness of the textbox border	
Border Hover Color :	It is used to define the border color when there is a user hover interaction	
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.	
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.	
Border Side :	To define where you want to position the border of the textbox (all, left, right, top, bottom)	
Min Width :	It is used to define the minimum width that the textbox should have, even if its content is narrower.	
Max Width : 	It is used to define the maximum width that the textbox should have, even if its content is wider.	
Label:

Label Element	Description	
Text Color :	To change the color of the label	
Focus Color:	To define the color of the label when it is selected using the keyboard or cursor 	
Font Size :	To define the font size of the label	
 	 	
Value:

Value Element	Description	
Text Color:	It allows specifying the text color of the entered value in the textbox.	
Font Size:	To define the font size of the entered text 	
Text Align:	It allows specifying whether the text should be aligned to the left, right, or center.	
 	 	
Actions & Permissions:
The same principle of permissions for the button also applies to the textboxes For more information, click here. However, regarding actions, there are three triggers that are not included in the button. 

Actions	Description	
onLoad	The action is triggered when the web page has been fully loaded.	
onChange	The action is triggered when the value of a textbox is changed by the user.	
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.