It is the tool that allows us to see the date when it is dragged and dropped into the designed form.
‘’Date’’ icon at Toolbox
How it looks like on the Canvas
Compatibility
Free Form | Responsive Form | Mobile |
Properties
-
Name: Name of the tool will be written here.
-
Default Value: The value entered here comes into the Date tool by default. If you want to enter data as the default value, you can write in the Default Value part. It fills the date area on the client screen.
-
Text Size: Sets the size of the tool.
Help Text: It is the text that is entered for comment when the mouse is placed on the tool.
-
Icon: Select the icon, color, and position to be added to the tool. You can choose from the Icon area, to add an icon to the tool. You can change the color and location of the icon.
-
Text Font: Allows you to change the font.
-
Text Type: Adjust the type of text like bold, italic, underline, and replaces the text as right-aligned, left-aligned, or centered.
-
Color: Edits the color of inside the tool and/or the text inside the tool. It arranges the interior and/or the text color of the tool. To edit the text color and background color of the text you can change from Color area.
-
Height /Width: Adjusts the height and width of the tool (The width field has been removed from Responsive Forms).
-
From Left /Top: Adjusts the distance of the tool from the left and top (This field has been removed from responsive forms).
-
Linked Object: Links to an object element created by action. When the object element runs, the information is filled in according to the object area.
-
Linked Object Area: Selects the fields within the linked object area.
-
Tab Order: Specifies the order of the tool within the form.
- Disable Typing: It prevents typing in the form tool. When this feature is selected as Yes, only date selection is allowed from the icon on the right side of the form tool.
-
Fit Horizontal: Fits the Date tool to the full screen on the user’s screen.
-
Pin Right: Pins the tool to the right.
-
Display: Makes the tool not appear on the screen.
-
Form Only: The information entered in the tool is not saved to SQL, but only in form.
Actions
-
On focus: Assign an “Action” as on focus handler.
-
On Blur: Assign an “Action” as on blur handler.
-
When the value changes: Assign an “Action” as on value changes handler.
-
Keyboard Input: Assign an “Action” as on keyboard input handler.
-
Validation: Assign an “Action” as on value tool handler.
-
Calculate: Assign an “Action” as calculate handler for grid tool.
-
Icon Clicked: Assign an “Action” as click handler for the icon.
Examples Used
To change the date, you can click on the icon on the right of the toolbox.
Client view on screen
For instance;
To use Linked Object field, firstly create an action "When the form is opened" the event and create new data object operation. Give a name for your object. Write a query in the SQL Query area like the example below.
Then, choose the object name and area for the date element below.
The screenshot is on the client as below.
Client view on screen