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

    Show a visual representation showing the function card of the variadicFunc function, including a schematic display of the parameters (name and type) of the function

    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.

    Show a visual example of the progress bar.

    Documentation: Progress bar

    Default image

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

    Documentation: Image


    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:

    Show a visual representation of an input control of text area type.

    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:

    Show a visual representation of an input control of duration type.

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


    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:

      Collapsed action card


      • Uncollapsed 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.

      Show a brush icon that correspond to the "Delete unused elements" action.

      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:

      Show a preview mode tab with the tab heading displayed in italics for easy identification

      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.


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

      Vanessa Talbot
      • Product Owner •Vanessa Talbot joined 4D Program team in June, 2014. As a Product Owner, she is in charge of writing the user stories then translating it to functional specifications. Her role is also to make sure that the feature implementation delivered is meeting the customer need.Since her arrival, she has worked to define key features in 4D. She has worked on most of preemptive multi-threading new features and also on a very complex subject: the new architecture for engined application. Vanessa has a degree from Telecom Saint-Etienne. She began her career at the Criminal Research Institute as a developer for the audiovisual department. She has also worked in media and medical fields as expert in technical support, production as well as documenting new features.