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

Tech Bites - Make your forms look better

< Back to Blog

Have you ever wondered why your web forms all look the same? With boring white rectangular boxes for the user to fill in?

Let's see how to build a more modern form using OutSystems UI available tools.

In this case, we are building a form to save a new house sale for a real estate company.

Sales have attributes, like the profit margin and number of bedrooms.

Let's substitute the number of bedrooms input for a slider. First, delete the existing "input", then create a slider.


Set the property values for the slider like the minimum and maximum values allowed.
Create a handler to be triggered when the user changes the value of the slider.


On that action, we're going to assign the slider value to the aggregate.


The label is no longer assigned to the input widget. Remove it for the error to disappear.

And that's how we have a different and more user-friendly form.

Thanks!





Turn Up Academy

Apply to our Turn Up Boot Camp

AND BECOME THE NEXT OUTSYSTEMS CERTIFIED DEVELOPER
(
Instructor
)

Latest Articles

Tech Bites - How to use Screen templates

How to use Screen templates

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.

Tech Bites
Tech Bites - Set timers to delete records

Set timers to delete records

In this tech bite, we will demonstrate how to set timers to delete records and use an online store as an example.

Tech Bites
Tech Bites - How to import data from an excel file

How to import data from an excel file

In this video, we’ll show you how to upload and store data from an excel file.

Tech Bites