Client

📄️ Client - isNullOrEmpty Extension for String Values

In TypeScript, it is necessary to define _(export default class Form1 extends Form.Designer { })_ outside the form class. The string can then be used in variables as variable.isNullOrEmpty().

📄️ CreateForm

Triggered:

📄️ Replace DataGrid boolen column data with Context menu (Client)

📄️ DataGrid Changing Row Value with Double Click (Client)

📄️ DATA GRID FLOW BY USER COLUMN EDITABLE - Visible (Client)

PATH 2

📄️ DataGrid Duplicate Record Control (Client)

📄️ Cleaning DataGrid data and refreshing DataGrid (Client)

📄️ Adding Data to DataGrid with Code (Client)

📄️ To determine which step of the flow is in

Using the following code, information can be obtained on the form side about which step of the flow it is in.

📄️ Accessing the link to the files in the asset

'''const logoAddress = this.fetch.BaseUrl.replace(/\/api$/, "/asset/").concat("bimser-logo.png");'''

📄️ Opening a Modal Form by Clicking the Button

The code block below allows us to open a modal form that we have requested thanks to the code we wrote in the Onclick Event of the button we have added.

📄️ Calling DataSource on the Client Side (Parameterized)

Example usage for Invoking (Parameterized) DataSource on the Client (ts) Side is as follows.

📄️ DataGrid OnEditingStart to make only a specific column editable (Client)

During the OnEditingStart event of the datagrid, ensure that only a specific column is editable and other columns are non-editable.

📄️ Bulk Delete DataGrid Elements

On the client(ts) side of DataGrid, you can delete all of the elements in bulk with the code below in the OnToolbarButtonClick event. The name of the grid and the primary key should be given as variables.

📄️ Creating a Sample Model for DataSource Requests

'''interface FormInputTypesResponse {

📄️ Date check on DateRangePicker Object

Checking the date range selected in the DateRangePicker object in the DateTimePicker object.

📄️ Deleting an Element in a DataGrid (Client)

It shows how to delete an element in a datagrid, how to use the deleteItem function, and how to associate the context with the onItemClick event in the menu.

📄️ Setting the visible property of the flow arm according to the value of the switch object on the form

📄️ Canceling the Saving of the Form with the Code

To cancel the registration of the form with code on the client (ts) side, the following codes can be used in the OnBeforeSave event of the form.

📄️ Conditional CSS

When the ## //textBox value is test1, it adds the css definition that you added to the css side of the corresponding object's customClassName property and changes its appearance on the form.

📄️ Log Printing

The log can be printed to the console using the following codes.

📄️ Message Printing

With the following codes, you can print the message.

📄️ Open a pre-built form

Re-displaying a previously created and saved form via client-side code,

📄️ Accessing the previously created flow through the form

You can access a previously generated flow through the form as follows.

📄️ Process Launch and Modal Open in Front of the User

An example usage of starting a process on the Client (ts) side and opening a modal in front of the user is as follows.

📄️ Use of Save As Button on Form

When a form is created on Synergy, two different toolbar buttons are created on the form by default.

📄️ Verification Box

Verification box, which is a feature that can be used in cases where we need the user's consent before making a transaction.

📄️ Generate Flow Through Form

You can open a defined flow form through the form with the following code.

📄️ Visibility of Tab Elements

Considering the image above, the visibility of the relevant element can be changed by using the "Key" information of the element whose visibility is desired to be changed from the elements in the "Tabs1" Tab object. The following code example can be used.

📄️ Toaster Printing

The toaster can be printed with the following codes.

📄️ Using Window Events in the Client (TypeScript)

Constructor Structure