4D Blog

Home Product Qodly Studio in Action With These 3 Demos

Qodly Studio in Action With These 3 Demos

September 8, 2023

Product

In those previous blog posts, we announced the availability of Qodly Studio (currently in developer preview) to all our silver partners (and higher). We also gave you the first steps to get started with the tool.

Now it’s the perfect time to dive in and experiment with it by running some concrete demos!

We’ve been offering HDIs (How Do I?) guides for years to help you discover new features. But now, as we venture into this new era of web development, we’ve come up with a new term for these demos: PIQS, short for Play In Qodly Studio.

Even better, we’ll continue providing such demos for current and upcoming Qodly features. This means you’ll have daily guidance on mastering Qodly Studio!

So, let’s roll up our sleeves and start exploring right away!

How to run the demos

Open the PIQS in 4D, and click on the Qodly Studio menu item.

It opens your default browser.

Welcome, you are now in Qodly studio!

Click on the Preview button to start the demo. 

blank

 

The matrix and the datatable

Let’s dive into a common scenario: displaying a list of items (customers, invoices, and more) and exploring the details of each selection. We know you’re eager to try this straightforward use case with Qodly Studio.

Download this PIQS now and start experimenting with the matrix and datatable components. The datatable might remind you of the familiar 4D list box, while the matrix offers even more versatility.

PIQS Matrix and datatable

The navigation

This demo will introduce you to the basics of navigation within Qodly. Experience the ease of transitioning between different web forms!

PIQS Navigation

requesting an API

This demo showcases a weather dashboard interacting with an external API to retrieve data. You’ll explore an intelligent user interface and gain insights into the code necessary to create a similar dashboard.

PIQS Weather API

That will be all for this blog post. Stay tuned for more demos.

In the meantime, don’t hesitate to participate in the discussions on the 4D forums and ask any questions you may have. For your Qodly-related inquiries, remember to use the tag “qodly-studio” to ensure focused discussions.

Discuss

Tags 21, 4D Qodly Pro, Qodly Studio, Tutorial

Latest related posts

  • January 22, 2026

    Transform Static Documents into Actionable Knowledge with AIKit

  • January 22, 2026

    Deploy Fluent UI effortlessly in your 4D applications

  • January 21, 2026

    Searching Across Host Projects and Components in 4D

Avatar
Marie-Sophie Landrieu-Yvert
- Product Owner - Marie-Sophie Landrieu-Yvert joined the 4D Product team as a Product Owner in 2017. In this role, she is responsible for writing user stories and translating them into functional specifications. She also ensures that the delivered feature implementation meets the customer's needs. Marie-Sophie graduated from the engineering school ESIGELEC and began her career as an engineer at IBM in 1995. She took part in various projects (maintenance and development projects) and worked as a COBOL developer. She then moved on to work as a UML designer and Java developer. More recently, her main responsibilities included analyzing and writing functional requirements, and coordinating business and development teams.
  • Deutsch
  • Français
  • English
  • Português
  • Čeština
  • Español
  • Italiano
  • 日本語

Categories

Browse categories

  • AI
  • 4D View Pro
  • 4D Write Pro
  • 4D for Mobile
  • Email
  • Development Mode
  • 4D Language
  • ORDA
  • User Interface / GUI
  • Qodly Studio
  • Server
  • Maintenance
  • Deployment
  • 4D Tutorials
  • Generic
  • 4D Summit sessions and other online videos

Tags

4D-Analyzer 4D AIKit 4D for Android 4D for iOS 4D NetKit 4D Qodly Pro 4D View Pro 4D Write Pro 20 R10 21 21 R2 Administration AI Artificial Intelligence Build application Class Client/Server Code editor Collections Compatibility settings Formula Listbox Logs Mail Network Objects OpenAI ORDA PDF Pictures Preemptive Programming REST Scalability Security Session Source control Speed Spreadsheet Tutorial UI User Experience vscode Web Word processor

Tags

4D-Analyzer 4D AIKit 4D for Android 4D for iOS 4D NetKit 4D Qodly Pro 4D View Pro 4D Write Pro 20 R10 21 21 R2 Administration AI Artificial Intelligence Build application Class Client/Server Code editor Collections Compatibility settings Formula Listbox Logs Mail Network Objects OpenAI ORDA PDF Pictures Preemptive Programming REST Scalability Security Session Source control Speed Spreadsheet Tutorial UI User Experience vscode Web Word processor
Subscribe to 4D Newsletter

© 2026 4D SAS - All rights reserved
Terms & Conditions | Legal Notices | Data Policy | Cookie Policy | Contact us | Write for us


Subscribe to 4D Newsletter

* Your privacy is very important to us. Please click here to view our Policy

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