Build a Fiori Elements App with Northwind | Add Columns & Filters Using UI Annotations!

🚀 Create a Fiori Elements App with Northwind | Add Columns & Filters Using UI Annotations

In this step-by-step tutorial, I’ll show you how to create a Fiori Elements List Report App by consuming the Northwind OData service in SAP Business Application Studio (BAS). You'll learn how to enhance your app by adding columns and smart filters using UI annotations – all without writing extra UI code!

✅ What you’ll learn in this video:

How to set up a Fiori Elements project in BAS

Connect to the Northwind OData service

Add custom columns to the list report

Configure filter fields using UI annotations

Understand annotation syntax in the annotation file

Preview and test your app right from BAS

🎯 This tutorial is perfect for beginners and intermediate developers who want to explore SAP Fiori Elements and annotation-based UI configuration.