FREE OutSystems Workshops - Build an OutSystems App in 1 hour | ENROLL NOW

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 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
How to use WebAssembly inside OutSystems - Part 1

How to use WebAssembly inside OutSystems - Part 1

WebAssembly (WASM) is a new technology that's getting a lot of attention. On the browser, Javascript was the only programming language supported until the WASM Standard came out. OutSystems is designed to be a high performance platform, so we'll show you how to use WASM within OutSystems to take advantage of the extra performance points that WASM provides.

DevZone
‍What’s new in OutSystems Developer Cloud

‍What’s new in OutSystems Developer Cloud

Have you heard about the OutSystems Developer Cloud and want to know more about what's new and what the big benefits are? Then this article is for you!

DevZone