DateTimePicker

An object to use when date or date and time entries are intended.

While the active screen is a form in the authoring interface, the Toolbox panel lists form objects. The object is added to the form by drag/drop from the toolbox panel.

Clicking on the object displays the "General" and "Events" tabs in the Property Viewer panel, and the properties of the object can be viewed and edited. The inheritance scheme by which the properties of the object are transferred is as follows;

General

Design

'Name' - The name of the object to be used by the system. Inside another object and on the code side, the object is accessed by the value written in the namespace.

Caption

'Title' - The part where the label text of the object is edited.

'Position' - The part of the object label that regulates whether it is positioned on the left, right or above the object.

>Choices Available : Left, Right, Top, Bottom

'Width' - This is where the width of the label field is set.

'Height' - This is the part where the height of the label field is set.

'Font' - The part of the text in the label area where the font, font, font size and color are set.

'Ellipsis' - The portion where the label text is set to appear for the part of the text that does not fit, whether the ellipsis (...) appears.

'Visible' - The part where the label field is set to be hidden or visible.

'Show Colon' - Colon next to label text (:) is the part where the expression is set to appear or not.

'Horizontal Align' - Label text; This is the portion where right-just, left-just, or center-justify settings are performed.

>Choices Can Be Made: Left, Center, Right

'Vertical Align' - Label text; This is the portion where the Justify, Snap Down, or Center settings are performed.

>Choices Available : Top, Middle, Bottom

'Mark Char' - To make the object stand out, enter *, ! is the area where characters such as can be entered.

'Mark Position' - The part where the character designated as the mark character is set to be shown at the beginning or end of the label text.

>Choices Can Be Made: AtFirst, AtLast

Appearance

'Visible' - This is the part where the object is hidden and made visible. When this field is active, the object is visible on the form. When the field is made passive, the object becomes invisible.

'Client Visible' - When the object is not visible when the form is first opened, when it is desired to make the object visible, to make the object visible when a certain condition is met, this field is made passive so that the object is invisible on the client side. When the condition set by the code or the Rules Manager is met, the object can be made visible again. When server visibility is inactive, the client cannot intervene, but the server can intervene when client visibility is inactive.

'Enabled' - The active mode of the object is set from this field. When this feature is active, data entry can be provided to the object and the object can be edited. When the feature is passive, the object is in non-editable mode and appears passive.

'Client Enabled' - When the form is first opened, the object is not active, when a certain condition is met, etc., this field is made inactive so that the object is not active on the client side. Once the condition set by the code or the Rules Manager is met, the object can be activated again. When server activity is inactive, the client cannot intervene, but the server can intervene when client activity is inactive.

'Background Color' - The area used to give the object a background color.

'Title' - Hovering over the object with the cursor while the form is open in the interface, the text typed in this field is shown as a hint. It is a feature used to direct the end user when detailed information about the object is desired.

'ClassName' - The field in which the object visibility can be changed by defining a class written in the CSS file of the form.

'Value' - This is the field to choose when the form is asked to come up with a default date when opened in the web interface.

'Placeholder' - A property used to display the data information requested to be entered by the end user into the object for informational purposes within the object. When the end user views the object, they see the referring text typed in this field, and the router text disappears when they focus on the object and begin entering values.

'TextAlign' - The field used to determine where to align the expression entered into the object. Left-align, center-align, right-align selections can be made.

>Choices Can Be Made: Left, Center, Right

'Size Type' - The area where the object size can be determined.

>Choices Can Be Made : Small, Middle, Large

Behavior

'ReadOnly' - This is where the object is set to be in edit mode. When this feature is enabled, the object does not allow data entry, it is in read-only mode. The property must be passive for data entry to be allowed into the object.

'Tab Index' - By entering numeric values in this field, it is determined in which order the tab button is pressed to focus between the form objects. When filling out the form, instead of clicking the cursor on the object where the data is to be entered, the tab button is pressed to focus directly on the indexed objects in a certain order. This is a feature that increases the speed of filling out forms.

'Required' - The field in which it is determined whether data entry is required on the object. When this feature is activated, it is not possible to advance/save the form without entering data into the object.

'Format' - This is the field where the date and time display format is specified. By default, the date format is defined as "YYYY-MM-DD" and the date and time format is: "YYYY-MM-DD HH:mm". The different format structures to be displayed can be specified in this field.

'Show Time' - The area where the object determines whether to display time information. When this field is inactive, only date information is shown in the object, and when the field is active, both date and time information is visible in the object. When this feature is active, clicking the object in the interface makes the time selection field visible next to the date selection field.

'Show Today' - This is the feature that allows the button named "Today" to appear at the bottom of the selection screen while selecting the date in the object. When this button is clicked, today's date is reflected in the object as selected. When the feature is turned off, the "Today" button will not appear on the selection screen.

'Set Today As Default' - When this feature is activated, today's date will be visible in the object by default. When the end user first opens the form in the interface, he sees today's date in the object and can change this value with another date selection if he wants.

'Allow Clear' - When the feature is activated, it is ensured that the date selection made in the object in the web interface can be removed if desired.

'Disable before' - When activated, settings (definition of day, month and year values) will be activated to prevent date selections from a point in the past from today. 'Disable before years' - Based on the value entered, date selection will be active from x years from now until x years ago. Going back x years + 1 day will not allow selection. 'Disable before months' - Based on the value entered, date selection will be active from x months from today. Going back x months + 1 day will not allow selection. 'Disable before days' - Based on the value entered, date selection will be active from now until x days ago. Going back x days + 1 day will not allow selection.

'Disable after' - When activated, settings (definition of day, month and year values) will be activated from now on to prevent date selections after a point in the future. 'Disable after years' - Based on the value entered, date selection will be active until x years from today. Moving beyond x years + 1 day will not allow selection. 'Disable after months' - Based on the value entered, the date selection will be active until x months from today. Moving beyond x months + 1 day will not allow selection. 'Disable after days' - Based on the value entered, the date selection will be active until x days from today. Moving beyond x days + 1 day will not allow selection.

Data Definition Language

'Field Name' - The field in the database of the system that determines the name of the column it will create for the object. In the "Name" section, the object can be given another name and the column name to be created for the object in the database table can be created as a different name.

'Allow Null' - This section indicates whether the database field to be created for the object will allow null values.

Events

The events owned by the object are located in the "Events" tab in the Property Viewer panel. Each event is triggered at different runtime moments, performing its own unique operations. Code written by the developer to these events is also executed at the time the corresponding event is triggered.

When the events in the "Client" field are double-clicked, the screen is directed to the form code editor section called "Formedi.ts" where TypeScript coding can be done and the method block for the clicked event is automatically created.

When the events in the "Server" field are double-clicked, the screen is directed to the form code editor section called "Formadı.cs" where C# coding can be done and the method block for the clicked event is automatically created.

The developer can construct any code block within these methods. Next to the event whose method is created on the code side by clicking from the Events tab, the method name information is automatically generated and the relationship between the event and the method is specified.

Formed methods;