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.
Creating Dynamic Documents with 4D Write Pro in Qodly application
In a professional environment where document management and production are crucial, having powerful and flexible tools is essential. Imagine being able to design dynamic document templates directly from your Desktop client, integrating formulas and data from your database, and then generating these documents with a single click through an intuitive web interface. That’s precisely what 4D Write Pro and 4D Qodly Pro allow you to do!
In this week’s blog, we’ll explore how these two solutions complement each other perfectly to automate and optimize your document processes. You’ll discover how to create custom templates in 4D Write Pro and how, thanks to 4D Qodly Pro, web users can enter the necessary data, trigger document generation, and even choose to store them in the database or return them via a calculated attribute.
To demonstrate this process, we’ll use the Performance Review application, which is available for download. Get ready to transform how you create and manage your documents while simplifying your workflows and boosting efficiency.
Extend your Qodly application with custom components
4D Qodly Pro already offers a wide range of native components to help you design your applications. But did you know you can take it even further? Thanks to Custom Components developed by the community, you can enhance your projects with tailor-made features!
These custom components allow you to extend 4D Qodly Pro’s capabilities by adding personalized functionalities, much like plugins and components in 4D.
In this article, we’ll explore how to use and integrate these components, along with several real-world use cases from our Performance Review application.
Make your Qodly applications dynamic and interactive with states
States play a crucial role in creating dynamic and responsive interfaces in 4D Qodly Pro. They allow you to control the display and behavior of widgets based on specific conditions, such as a user’s role, privileges, or data from your database.
This blog explores this concept, presents the different types of states, and illustrates their use through examples from the Performance Review application to help you understand how to leverage them effectively.
Building Dynamic Data Management in Qodly application: Create, Add, Edit, and Delete
In our series on 4D Qodly Pro, we have explored how to display data using a datatable. Today, we’ll take the next step: learning how to add, edit, and delete records. These operations are essential for creating dynamic, interactive applications.
To demonstrate these features, we’ll continue with our performance review management application. The goal is to design a screen that enables users to add or modify employee information. This project is available on GitHub for reference.
Create an Interactive List of Data with 4D Qodly Pro
In this week’s blog, we explore the creation of a dynamic page for displaying data. We will focus on a practical application: building a system to generate annual performance reports for employees. This project is available for reference on GitHub.
Our aim is to design a user-friendly interface that displays a list of employees with options to filter results by department and employment status.
Integrating User Authentication in Your Qodly Applications
In this week’s blog, we will focus on the crucial topic of authentication. To illustrate our discussion, we will use the example of an application designed for writing annual performance reviews for employees. This application enables users to securely access their accounts by authenticating with their email and password.
Master Web Applications with 4D Qodly Pro: A Tutorial Series
Welcome to our tutorial series on creating powerful web applications with 4D Qodly Pro and 4D Server! Whether you’re a seasoned web developer or just starting, 4D Qodly Pro transforms your 4D development platform into a powerful hybrid low-code solution that brings your 4D data to the web without requiring deep expertise in front-end technologies.
With 4D Qodly Pro, you can seamlessly extend your existing 4D applications to interactive, responsive web interfaces and design modern Web Business applications powered by 4D Technology, such as the amazing 4D Write Pro. The best part? You’ll build on what you already know while unlocking new possibilities for your users.
Improved FORM EDIT Command: Access Form Objects Easily
The 4D language allows you to develop outstanding business applications. Many of you have taken the initiative to create tools that streamline specific tasks: code, validating links to external elements like images, converting legacy code to ORDA, managing XLIFF resource files, or facilitating refactoring. These custom solutions enhance productivity and foster innovation.
In 4D 20 R8, the FORM EDIT command has evolved. You can now open a form and select a form object.
For instance, you can list the objects in a form from an analysis and introspection tool. Double-clicking on an element in the list will open the form, and you can select the form object to modify one of its properties using the new syntax of the command.
Enhanced Session Management for Development and Testing
With the latest 4D updates, we’ve extended the Session command to the Client/Server connection, enabling access to session storage at the Client level. Pairing this functionality with the new ‘Restrict’ event in ORDA classes makes filtering results based on session data—such as privileges, roles, or even geographic areas—easier than ever.
Developing an application in 4D meant working in a local environment, such as a single user. In standalone mode, the Session command always returned Null. This meant that you had to write complex code, checks whether the Session object was Null to read from “Storage” or “Session.storage”. This workaround, while functional, was not elegant.
With 4D 20 R8, this is no longer an issue. The Session command now returns a valid object, even in standalone mode, simplifying application development and testing.
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