Qodly Studio in Action With These 3 Demos

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. 


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.

• Product Owner • Marie-Sophie Landrieu-Yvert has joined the 4D Product team as a Product Owner in 2017. 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.Marie-Sophie graduated from the ESIGELEC Engineering School and began her career as an engineer at IBM in 1995. She participated on various projects (maintenance or build projects) and worked as a Cobol developer. Then she worked as an UML designer and Java developer. Lately her main roles were analyzing and writing functional requirements, coordinate business and development teams.