Skip to main content

Collapse

An object that contains a content area that can be grouped, collapsed, and expanded by grouping objects on a form. The form can be used to group or hide complex areas to keep the page clean.

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.

'Items' - The area where the panel items to be added to the object are defined. Clicking in the Elements field opens the add elements window. From this area, a new element can be added to the object, an existing element can be deleted, or it can be edited. By clicking the Add button, new element items are created for the object.

  • 'Key' - The key value to be given to the element is written in this field, it must be different from the values defined in the key fields in other attached elements, if the same value is typed, the addition will not be done.
  • 'Title' - The name to be given to the item is written in this field.
  • 'Expanded' - The field must be activated if the item is automatically asked to come open. Multiple Expanded selections can be made so that more than one panel is open. The property works in conjunction with the Accordion property on the object, and only one element can have an Expanded property active when the Accordion property is active.
  • 'Enabled' - The field is activated to hide the item and the objects in it.

'Height' - The area where the height of the object is defined in pixels.

'Has Scrollbar' - Used to display the scrollbar within the panel if the limit in the Height field has been exceeded when the panel inside the object is opened when the field is activated. If closed, opening the panel shows all the objects in it.

'Toolbox Items' - By adding buttons to the toolbar section on the object, it is used if it is desired to perform operations when the buttons are clicked. Clicking the Toolbox Items field opens the window for adding elements. From this area, a new element can be added into the toolbox in the object, an existing element can be deleted, or it can be edited. By clicking the Add button, new element items are created for the object.

  • 'Key' - The key value to be given to the element is written in this field, it must be different from the values defined in the key fields in other attached elements, if the same value is typed, the addition will not be done.
  • 'Title' - The name to be given to the item is written in this field. When the show text field is active, the entered expression is shown.
  • 'Far Item' - The field is activated so that the item is displayed in the toolbox in a separate group from the normal items, justified to the right. If the Far Item property is selected on more than one item, the selected items are shown in the toolbox justified in the order in which they were added.
    > For example, when the Far Item property is enabled for ToolItem1 through 6 in inserted items and Far Item for 3, 4, and 5 in inserted items, item number 5 will be on the right, while item number 3 will be on the far left of this group. Items 1, 2 and 6 will be shown grouped within themselves to the left of the Far Item.
  • 'Icon' - When you want to define an icon for the element, you will be selected from this field.
  • 'Show text' - If the expression entered in the Title field of the item is desired, the field must be activated.

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.

'Accordion' - When the field is activated, only one item is actively opened in the object and displayed to the objects it contains. Used to automatically close a previously opened item when one of the items inserted into the object is open and a different item is opened for viewing.

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.