It is the tool used to choose colors in the form.
‘’Color Box’’ icon at Toolbox
How it looks like on the Canvas
Compatibility
Free Form | Responsive Form | Mobile |
Properties
Properties of the form tool;
-
Name: The name of the tool will be written here.
-
Default Value: The value entered here comes into the Color Box tool by default.
-
Help Text: It is the text that is entered for comment when the mouse is placed on the Color Box tool.
-
Height / Width: Adjusts the height and width of the Color Box tool (The width field has been removed from Responsive Forms).
-
From Left / Top: Adjusts the distance of the Color Box tool from the left and top (This field has been removed from responsive forms).
-
Pin Right: Pins the form tool to the right.
-
Display: Makes the form tool not appear on the screen.
-
Form Only: The information entered in the tool is not saved to SQL, but only in form.
Actions
-
When the value changes: Assign an “Action” as on value changes handler. For more information please click here.
Examples Used
When we focus on the drop-down box of the Color Box tool, color selection is made from the screen below. These colors are HEX Color Codes.
Client screen
If you want to copy-paste a rgba color code in the box, it is chosen that color but it turns to its HEX code as in below.
Client screen for this example
When the value changes in the color box, it can update any area.