Get an easy start with Qodly pages in the 4D explorer
4D Qodly Pro offers all the tools you need to design, build and run web forms for your 4D application and is fully integrated to 4D.
Since 4D 21 R2, you can now create your Qodly pages from the 4D explorer as you are used to for 4D forms. Moreover, you can also open Qodly pages from the 4D explorer also!
This makes 4D Qodly Pro easier to pick up.
Session handling in 4D Qodly Pro
Ever wanted full control over what happens when a user’s session expires, without wrestling with fixed behaviors or bolting on your own timeout logic? Not by maintaining custom timers, juggling tokens, or hoping the UI guesses what the backend is doing?
Session handling in 4D Qodly Pro gives you a pair of application events you can wire into your own UX. One warns the user before the cutoff, the other fires when the session is officially gone. You decide what they trigger.
Enhance your Desktop Interface with Web widgets using 4D Qodly Pro
Ever wanted to enrich your user interface with widgets known from websites, such as a navigation map? Not by learning JavaScript and dealing with CSS and HTML and fighting to pass data between these two worlds?
A new integration between Web Areas and 4D Qodly Pro allows you to deliver rich, dynamic interfaces within your 4D forms while keeping all your business logic inside 4D Server.
Event Report in 4D Qodly Pro: See Every Interactions at a Glance
Creating browser based user interface with 4D Qodly Pro is very similar to use the 4D form editor. Clicking a button calls a 4D method, as you are used to work. And the method executes your (often already existing) business logic.
To do so, you define events, either for widgets or the whole page (form). Browsers work a little different than a desktop app, so there are additional events and the execution sequence might be different. Events Reports help you to better understand this.
4D Qodly Pro: Page Zoom Controls
Move seamlessly between the big picture and the tiniest details with Page Zoom in Qodly Studio, the intuitive way to design, refine, and stay perfectly in control of every element.
Starting Qodly studio is just two clicks away
4D Qodly Pro offers all the tools you need to design, build and run web forms for your 4D application.
Fully integrated to 4D, it comes out of the box with Qodly studio. And just like 4D, its use is easy, accessible and nested in the 4D’s world.
To use Qodly Studio with 4D projects created with older versions, some project settings might need to be changed to support modern features.
That’s why, starting 4D 21, the access to Qodly studio from 4D has been enhanced to be no more than two clicks, to make your life easier, free your mind and let you focus on your business success story.
Localize your Qodly Pages: A Practical Guide
Localization of 4D applications has been supported for decades through the XLIFF architecture, designed primarily for desktop applications.
But browsers work differently.
That’s why 4D Qodly Pro introduces a new, built-in internationalization (i18n) approach—one tailored for web interfaces, giving you more flexibility when building multilingual Qodly Pages.
Let’s explore how this works in practice.
Restrict data according to privileges or information saved in session storage
In modern application development, securing and finely managing data access are essential. Thanks to the restrict event in 4D, it is possible to dynamically filter the data accessible to a user based on their profile, privileges, and session-stored information.
This blog explains how to leverage this event, particularly in the context of an integration with 4D Qodly Pro, to ensure that only relevant data is exposed.
Designing an Interactive and Dynamic Menu Bar in Qodly application
In this week’s blog, we take a look at navigation. Navigation is a key element of any web application. A well-structured navigation system enables users to quickly find what they need and enhances their overall experience.
With 4D Qodly Pro, managing navigation is both simple and flexible. Using the Page Loader component, you can dynamically load pages based on user actions.
In this article, we will explore how to set up an efficient navigation bar using 4D Qodly Pro. We will use our Performance Review application as an example, which you can download from GitHub (link to be added). We will cover its design, interactions, and permission management to create a seamless experience tailored to each user role.
Customize your Qodly interfaces with CSS
In Qodly Studio, each widget can be styled directly using its properties. However, to maintain a consistent look throughout your application, and to easily apply global styles (such as font color, text size, or the appearance of selections), CSS is your best ally.
In this article, we’ll explore the basics of using CSS in Qodly Studio, with examples from the Performance Review application.
Contact us
Got a question, suggestion or just want to get in touch with the 4D bloggers? Drop us a line!
* Your privacy is very important to us. Please click here to view our Policy