Qodly Studio for 4D: What’s new in 4D 20 R4

Qodly Studio for 4D presents an intuitive solution for crafting web applications with minimal coding effort.

Seamlessly integrated with 4D Server, you can easily leverage existing business logic developed for desktop applications.

Curious about what’s new in Qodly Studio for 4D 20 R4 with the latest 4D release? Keep reading to find out about the cool new features for your web application.

Events, Functions, actions

Variadic function

You can add the “…” symbol in the last parameter to simplify method and function declarations that accept an unspecified number of parameters, making your code shorter, more readable, and flexible. For a detailed guide on variadic functions, refer to this informative blog post.

Support for variadic functions has been added to Qodly Studio for 4D.

For example:

exposed Function variadicFunc($param : Text; ... : Integer) : Collection
   // code

Documentation: Function Parameters & Variability

Reset standard action

This new standard action resets an entity or entity selection datasource to its initial value.

Documentation: Standard Actions

Double click event for datatable

A new event on double click is triggered when users double-click on a datatable component.

Documentation: Datatable events

User Experience

Progress bar

The user gets clear, light, and simple visual feedback and a progress bar at the top of the page when the page is waiting for a response from the server, for example, during the execution of REST queries, which can take a while.

Documentation: Progress bar

Default image

A default image is displayed when the datasource associated with an image component is null.

Documentation: Image

Components

In this version, several improvements are made to the components.

Text Input component

Two new control types are available:

Text area typE

You can select a larger text box to write a multi-line text and enlarge and adjust its size:

Duration type

A dedicated duration widget has been added. To limit user input to duration values by activating scrolling, manual input, or using the + and – icons:

A new data formatting is available for the duration type: Without Seconds: 14:40.

Slider

The new option “ReadOnly” allows the slider to be used as a visual representation of a value set elsewhere in the application, which the user cannot change by clicking on the slider.

Documentation: Slider

UI Studio Enhancements

To enhance the user experience for developers, the studio has been updated with the following improvements:

Foldable event cards

Event cards can be collapsed to provide a larger space and a comprehensive overview of navigation actions, standard actions, and functions.

• Collapsed action card:

 

• Uncollapsed action card

Documentation: Toggle event card visibility

Removing unused CSS classes, namespaces, and datasources

To keep your forms clean, a new feature has been added to easily delete unused CSS classes, namespaces, and datasources.

Preview mode TABS

By default, in Qodly Studio for 4D, clicking a file in the Explorer automatically opens it in a new tab if not already opened. This can lead to open a large number of tabs.

When the tabs preview mode is enabled, clicking a file in the Explorer displays a preview of its contents and reuses an existing tab. If you start editing the file or use double-click to open the file from the Explorer, a new tab is dedicated to that file.

The preview mode tab is indicated by italics in the tab heading:

Background image property

Good news: to use an image from the shared folder as a background, simply drag and drop the property into the properties panel.

AND…

With these exciting new features and enhancements, Qodly Studio for 4D continues to empower developers to create dynamic and user-friendly web applications easily.