Tech Bites - How to use Screen templates

< Back to Blog

Hi, and welcome to another Tech Bite!

Did you know that the OutSystems Platform has tens of screen templates to help you quickly put together your apps? Let me show you how you can use them.

Right-click on the flow where you want to add a new screen.

 A pop-up window allows you to start building a screen from scratch or pick one of the templates. You can find several layouts to fit your needs or use one of the templates as a starting point to build your screen.

Let's go ahead and select the dashboard template.

As you can see, the Dashboard screen is ready to be published. The data you can see here is sample data imported from the "OutSystems Sample Data Database."

Let's drag and drop the entities and attributes to the different places to replace the sample data.

Whenever the platform can't figure out the appropriate data, the fields will be left empty or give an error. Just drag and drop the specific attribute to that place, or write the attribute on the property with an error.

After replacing the sample data with the data to be shown and solving all the errors on the screen, we can publish the application.

Let's now publish the application and then open the screen on the browser.

Looking good!

Thanks for watching.

Turn Up Academy

Apply to our Turn Up Boot Camp

AND BECOME THE NEXT OUTSYSTEMS CERTIFIED DEVELOPER
(
Instructor
)

Latest Articles

How to download Excel files in OutSystems

How to download Excel files in OutSystems

Learn how to download Excel files using the OutSystems platform in this simple tutorial!

DevZone
Mastering Email Integration with OutSystems: A Step-by-Step Guide

Mastering Email Integration with OutSystems

In OutSystems Reactive Web Applications, we can configure the Service Center and implement logic in the Service Studio to send emails to our peers or contacts. Follow this step-by-step guide to learn how to!

DevZone
How to use WebAssembly inside OutSystems - Part 2

How to use WebAssembly inside OutSystems - Part 2

WebAssembly (WASM) is a new technology that is getting a lot of attention. We continue the use of Go compiled to WASM to show how we can use WASM inside OutSystems.

DevZone