Tabs
An object for switching between screens designed as different form views. Each of multiple tabs can be designed by dragging other form objects with different designs, and the objects in the active tab can be edited by switching between tabs.
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.
'Items' - The area where the object tabs are specified. How many tabs the object will have, tab names, and properties are managed from this area.
Clicking on the Elements section opens the Add Tab window on the screen. Clicking the Insert button in the panel can add new tabs to the object and edit the tab properties.
Clicking on the inserted tab record lists the tab properties on the right side. The tab can be customized by editing these properties.
| Feature | Description |
|---|---|
| Key | The field where the unique key for the element is defined. The value of the key field is written so that it differs from the other elements in the object. |
| Title | The field where the tab name is edited. With the Multi-Language Support feature here, the equivalents of the tab name in other languages can be defined. According to the language entered into the system, the tab name will be seen in the relevant language definition. |
| Selected | The tab with the Selected field active comes open as soon as the object is opened in the interface, clicked by default. For the end user, this feature is activated in whichever tab is desired to be open in the object at the moment the form is opened. If this feature is not enabled on any tab added to the object, the first tab added will come open. |
| Enabled | A property that determines whether the tab's ability to open is active. A tab with the Enabled field disabled cannot be clicked and opened in the web interface. This feature is typically used to manage per-user tab visibility, so that unauthorized users cannot see that tab. |
| Icon | This is the part where the tab icon is specified. Clicking on this field opens the icon finder screen. The icon selected from this screen can be designated as the icon shown in the corresponding tab. |
'Tab Position' - The part of the object where it is chosen whether the tabs will be positioned above (top), right (right), below (bottom) or left (left).
'Height' - The part where the object height is set. For elements that do not fit within the object, a scroll bar appears in the interface, and other elements within the object can be seen using this scroll bar.
If you want the scroll bar to be visible, all the elements in the object are visible, the object height can be increased from the height section. Thus, the height of the object can be arranged according to the number of elements in it.
'Has Scroll Bar' - When the feature is active, a scroll bar appears on the object when the elements inserted into the object do not fit at the current height. When this feature is made passive, the object height is optimized according to the elements contained within it, and the scroll bar is not removed.
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;