/outsystems-tutorials

How to display computed columns in OutSystems lists using expressions from aggregates?

Learn how to display computed columns in OutSystems lists using aggregates. Follow our step-by-step guide to enhance data presentation and improve user interaction.

Matt Graham, CEO of Rapid Developers

Book a call with an Expert

Starting a new venture? Need to upgrade your website? RapidDev builds Webflow websites with your growth in mind.

Book a free No-Code consultation

How to display computed columns in OutSystems lists using expressions from aggregates?

 

Displaying Computed Columns in OutSystems Lists Using Expressions from Aggregates

 

OutSystems is a powerful low-code platform that enables developers to swiftly create and deploy applications. One common requirement in applications is the need to display computed columns in lists, leveraging the data from aggregates. This guide will provide you with a detailed, step-by-step process on how to achieve this within the OutSystems environment.

 

Prerequisites

 

  • Basic familiarity with the OutSystems platform and its development environment, Service Studio.
  • An understanding of aggregates and how they are used to fetch data in OutSystems.
  • Have an existing OutSystems Reactive or Traditional Web Application set up.
  • Basic knowledge of expressions and how to use them in OutSystems.

 

Understanding Computed Columns in OutSystems

 

  • Computed columns are custom columns that are not directly retrieved from the database but are calculated at runtime using expressions.
  • They can be used to perform operations such as mathematical calculations, concatenation, or other logic based on data retrieved from aggregates.

 

Setting Up Your Aggregate

 

  • Open your OutSystems application in Service Studio.
  • Create or navigate to the Screen or Web Block where you wish to display your list.
  • Drag and drop an Aggregate from the Data tab onto your canvas to fetch the necessary data.
  • Configure your Aggregate by selecting the entities and attributes you need for your list.
  • Ensure you have the necessary attributes that will be used to compute your new column.

 

Creating a Computed Column in the Aggregate

 

  • Within your configured Aggregate, click on the "Add" button next to the "Calculated Attributes" section.
  • Provide a name for your computed column that clearly describes its purpose (e.g., TotalPrice).
  • In the expression editor, enter the expression that will compute the value for this column. For example:
  • <pre>
    GetOrders.Total \* GetOrders.UnitPrice
    </pre>
    
    <li>Make use of operators and functions available in OutSystems to create complex expressions if needed.</li>
    

 

Displaying Your Computed Column in a List

 

  • On the same Screen or Web Block, create a List widget or Table Records to display your data.
  • Bind the List widget or Table Records to the Aggregate you have configured.
  • Add a new Column or List Item to accommodate your computed column.
  • Drag an Expression widget into the new Column or List Item.
  • Set the Expression's value property to the computed column you created in the Aggregate. For instance:
  • <pre>
    TableRecords1.List.Current.<AggregateName>.<ComputedColumnName>
    </pre>
    
    <li>Adjust the styling and formatting of the Expression as per your needs to ensure it displays correctly.</li>
    

 

Testing Your Computed Column Display

 

  • Run your application by clicking the "1-Click Publish" button in Service Studio to ensure all changes are compiled and deployed.
  • Navigate to the relevant screen in your application where the list is displayed.
  • Verify that the computed column appears correctly within the List or Table Records with accurate computed results.
  • Check that all edge cases such as null values, zeros, or unexpected data entries are handled appropriately.

 

Troubleshooting Common Issues

 

  • Incorrect Calculations: Double-check your expression logic in the Aggregate and ensure all relevant fields are included in the calculation.
  • Display Formatting Issues: Use the Expression Format tab in Service Studio to apply appropriate data formats for numbers or dates.
  • Performance Concerns: Optimize complex expressions to ensure they do not significantly impact application performance during data fetch and display.

 

By following these steps, you can successfully display computed columns using expressions from aggregates in your OutSystems lists. This approach enhances data presentation by providing additional insights directly derived from existing database attributes, facilitating better user interaction and comprehension of information within your application.

Explore More Valuable No-Code Resources

No-Code Tools Reviews

Delve into comprehensive reviews of top no-code tools to find the perfect platform for your development needs. Explore expert insights, user feedback, and detailed comparisons to make informed decisions and accelerate your no-code project development.

Explore

WeWeb Tutorials

Discover our comprehensive WeWeb tutorial directory tailored for all skill levels. Unlock the potential of no-code development with our detailed guides, walkthroughs, and practical tips designed to elevate your WeWeb projects.

Explore

No-Code Tools Comparison

Discover the best no-code tools for your projects with our detailed comparisons and side-by-side reviews. Evaluate features, usability, and performance across leading platforms to choose the tool that fits your development needs and enhances your productivity.

Explore

Bubble Integrations

Dive into our comprehensive resource for Bubble.io integrations, featuring expert advice, detailed tutorials, and FAQs. Whether you're a beginner or an experienced developer, find everything you need to seamlessly integrate third-party services with Bubble.io.

Explore

Successful Bubble.io Projects

Explore a curated showcase of successful Bubble.io projects and see what's possible with no-code development. From innovative apps to complex systems, discover inspiring examples that highlight the power and versatility of Bubble.io. Start envisioning your next project today!

Explore

Flutterflow Tutorials

Explore our detailed directory of FlutterFlow tutorials to master mobile app development without coding. Gain insights through step-by-step guides, practical examples, and expert tips to efficiently use FlutterFlow and build stunning apps.

Explore

Want to explore opportunities to work with us?

Connect with our team to unlock the full potential of no-code solutions with a no-commitment consultation!

Book a Free Consultation

Client trust and success are our top priorities

When it comes to serving you, we sweat the little things. That’s why our work makes a big impact.

Rapid Dev was an exceptional project management organization and the best development collaborators I've had the pleasure of working with. They do complex work on extremely fast timelines and effectively manage the testing and pre-launch process to deliver the best possible product. I'm extremely impressed with their execution ability.

CPO, Praction - Arkady Sokolov

May 2, 2023

Working with Matt was comparable to having another co-founder on the team, but without the commitment or cost. He has a strategic mindset and willing to change the scope of the project in real time based on the needs of the client. A true strategic thought partner!

Co-Founder, Arc - Donald Muir

Dec 27, 2022

Rapid Dev are 10/10, excellent communicators - the best I've ever encountered in the tech dev space. They always go the extra mile, they genuinely care, they respond quickly, they're flexible, adaptable and their enthusiasm is amazing.

Co-CEO, Grantify - Mat Westergreen-Thorne

Oct 15, 2022

Rapid Dev is an excellent developer for no-code and low-code solutions.
We’ve had great success since launching the platform in November 2023. In a few months, we’ve gained over 1,000 new active users. We’ve also secured several dozen bookings on the platform and seen about 70% new user month-over-month growth since the launch.

Co-Founder, Church Real Estate Marketplace - Emmanuel Brown

May 1, 2024 

Matt’s dedication to executing our vision and his commitment to the project deadline were impressive. 
This was such a specific project, and Matt really delivered. We worked with a really fast turnaround, and he always delivered. The site was a perfect prop for us!

Production Manager, Media Production Company - Samantha Fekete

Sep 23, 2022