Fiori and SAPUI5 Basics Interview Questions for SAP

Show answer

SAP Fiori is SAP's design system and user experience for business apps. It follows principles of being role-based, adaptive, simple, coherent and delightful, so each user sees only the apps for their job on any device. Fiori apps are built with SAPUI5 and accessed through the Fiori launchpad. In S/4HANA, Fiori is the target user interface, and the current design language is SAP Fiori with the Horizon theme.

What is SAPUI5?

Show answer

SAPUI5 is SAP's JavaScript UI framework for building Fiori apps. It provides controls such as tables, forms and charts, MVC architecture with XML views and JavaScript controllers, data binding to OData and JSON models, theming and translation support. OpenUI5 is its open-source version. Developers usually build SAPUI5 apps in SAP Business Application Studio or VS Code with SAP Fiori tools.

What is the SAP Fiori Horizon theme?

Show answer

Horizon is the current visual theme for SAP Fiori, replacing older themes like Quartz and Belize. It offers a modern look with updated colours, typography, icons and better accessibility, and it has light, dark and high-contrast variants. It is the default theme in recent S/4HANA and BTP releases. Users can change themes in the launchpad settings if the administrator allows it.

What is OData?

Show answer

OData (Open Data Protocol) is a REST-based standard to query and update data over HTTP using URLs and JSON or XML. It supports operations such as GET, POST, PATCH and DELETE, and query options like $filter, $select, $expand, $orderby, $top and $skip. Fiori apps use OData V2 or V4 services from SAP Gateway. The service metadata document ($metadata) describes entities and properties.

Tell me about a project you built while learning SAP.

Show answer

Situation: in my training, I wanted hands-on practice beyond theory. Task: build an end-to-end mini project. Action: I created a simple order to cash flow on the training system, then built a CDS view and a Fiori elements list report to show open orders, and documented each step. Result: I understood how data flows from transactions to Fiori, and I can now explain it confidently with real screens.

What are SAP Fiori elements?

Show answer

Fiori elements are predefined floor plans, such as List Report, Object Page, Analytical List Page, Overview Page and Worklist, that generate the UI from metadata. The developer provides an OData service and CDS annotations describing fields, line items and facets, and the framework renders a consistent app with little JavaScript. This speeds development and keeps apps consistent and upgrade-safe compared to freestyle SAPUI5.

What is the difference between freestyle SAPUI5 and Fiori elements apps?

Show answer

Fiori elements apps are generated from annotations and templates, so they are quick to build, consistent and maintained by SAP when the framework improves, but layout freedom is limited to what floor plans and extensions allow. Freestyle SAPUI5 apps are coded by hand with full control over UI and behaviour, useful for special screens, dashboards or custom interactions, but they need more development and maintenance effort.

What is SAP Business Application Studio?

Show answer

SAP Business Application Studio (BAS) is a cloud development environment on SAP BTP based on Code-OSS. It offers dev spaces with SAP Fiori tools, generators for Fiori elements and freestyle apps, CAP development, service connections through BTP destinations, a preview with mock data, and deployment to the ABAP repository or BTP. Developers can also use VS Code with the same Fiori tools extensions locally.

What is the role of annotations in Fiori elements?

Show answer

Annotations are metadata that tell Fiori elements how to show data: UI.LineItem defines table columns, UI.SelectionFields define filter fields, UI.HeaderInfo sets the object title, UI.Facets and FieldGroups lay out the object page, and value help annotations add F4 help. They can be written in CDS views in the back end or in a local annotation file in the app. Changing annotations changes the UI without code.

What is key user extensibility in Fiori?

Show answer

Key user extensibility lets trained business users adapt apps without developers. With Adapt UI they can move, hide or rename fields and groups. With apps such as Custom Fields and Custom Logic they can add new fields to business objects, show them in apps, reports and APIs, and add simple logic in released BAdIs. Changes are transported through the Export Software Collection or adaptation transport organizer.

Show a simple CDS annotation setup for a Fiori elements list report.

Show answer

Annotations on a projection view define the table columns and filters. @UI.headerInfo: { typeName: 'Sales Order', typeNamePlural: 'Sales Orders' } define view entity ZC_SalesOrder as projection on ZI_SalesOrder { @UI.lineItem: [{ position: 10 }] @UI.selectionField: [{ position: 10 }] key SalesOrder, @UI.lineItem: [{ position: 20 }] @UI.selectionField: [{ position: 20 }] SoldToParty, @UI.lineItem: [{ position: 30 }] NetAmount, TransactionCurrency }

What steps are needed to activate a standard Fiori app in S/4HANA on-premise?

Show answer

Check the app in the Fiori Apps Reference Library for required OData services, ICF nodes, catalogs and roles. Activate the OData service in /IWFND/MAINT_SERVICE or /IWFND/V4_ADMIN for V4, activate the UI5 ICF node in SICF, copy the SAP business role template in PFCG, add authorizations, assign it to users, and check spaces and pages. Rapid content activation in task list SAP_FIORI_CONTENT_ACTIVATION automates many steps.

How do you generate a Fiori elements app with SAP Fiori tools?

Show answer

In Business Application Studio or VS Code, open the Fiori application generator, choose a floor plan such as List Report Page, select the data source by connecting to a system or BTP destination and picking the OData service, choose the main entity and navigation, enter project details, and generate. Then preview with live or mock data, add annotations with the guided development tool, and deploy to the ABAP repository.

How do you deploy a custom Fiori app to the launchpad?

Show answer

Build and deploy the app from BAS or VS Code to the ABAP repository as a BSP application with a transport. Create a launchpad app descriptor with semantic object and action, add it as a tile or target mapping in a custom business catalog using the Fiori launchpad app manager or designer, put the catalog in a business role in PFCG with the needed OData authorizations, assign spaces and pages, and test with a user.

Users ask for an extra column in a standard Fiori list report. What are your options?

Show answer

Users can first check the table settings, because many fields are available but hidden. If the field exists in the service but not the UI, a key user can use Adapt UI or a developer can add an app variant or annotation extension. If the field does not exist, the Custom Fields app can add it and enable it for the app. A custom app is the last option.

An approval Fiori app shows no items even though workflows exist. What do you check?

Show answer

I check that workflow items are actually assigned to the user in the inbox, using workflow logs in SWIA or the Manage Workflows app. Then I confirm the user has the My Inbox app role and back-end authorization, the OData services for the task gateway are active, and the task definitions are registered for the inbox scenario. Substitution rules and outdated cache can also hide items.

After an upgrade, a custom Fiori app stopped working. How do you investigate?

Show answer

I check the browser console and network calls for errors, then the gateway error logs. Upgrades often change the SAPUI5 version, so I look for deprecated controls or APIs, and check if the back-end service or CDS view changed. I test in quality with the UI5 support assistant, fix deprecated code, update the manifest's minimum UI5 version, and redeploy. Regular upgrade testing prevents surprises.

A new user finds Fiori confusing compared to SAP GUI. How do you help?

Show answer

I show them their launchpad layout and the few apps they need, how to search apps, use filters and save views, and how list report and object page work together. I compare one familiar transaction with its Fiori app side by side. A short quick reference guide and a follow-up after a week usually build confidence, and their feedback helps improve role design.

How do you keep your SAP skills up to date?

Show answer

Situation: SAP releases changes every year, and cloud products update quarterly. Task: stay current while working full time. Action: I follow SAP Community blogs and release notes, use SAP Learning Hub or free learning journeys, practice in a trial BTP account, and earn a certification every year or two. Result: I was the first in my team to work on RAP and Fiori elements, which helped us win a new extension project.

What is draft handling in Fiori apps?

Show answer

Draft handling saves the user's unsaved changes in separate draft tables while they edit, so work is not lost if the session ends and others see that the object is locked. The user can continue later and finally activate the draft into the active data. In RAP, draft is enabled in the behavior definition with draft tables. It supports long edits and validations before final save.

How do you build a transactional Fiori app end to end with RAP?

Show answer

Create database tables, then interface CDS view entities and projection views. Write a behavior definition with create, update, delete, validations, determinations and draft, implement the behavior class, and add UI annotations in metadata extensions. Create a service definition exposing the projections and a service binding as OData V4 UI, publish it, then preview the Fiori elements app or generate one in BAS and deploy it with a launchpad tile and role.

How do you improve the performance of a slow Fiori app?

Show answer

I check the browser network tab for large or repeated OData calls, and the back end with ST05, SAT and the gateway statistics. Fixes include paging with $top and $skip, selecting only needed fields, avoiding expensive calculated fields in CDS views, adding proper filters and indexes, batching requests, caching value helps, and enabling the UI5 cache buster and asynchronous loading. I measure before and after on realistic data.

A company has 400 SAP GUI transactions in use and wants to move users to Fiori. How do you plan it?

Show answer

I would analyse transaction usage with ST03N and the Fiori Apps Recommendations report to map transactions to standard Fiori apps. Then I design business roles per job with spaces and pages, activate apps in waves starting with high-volume users, keep SAP GUI for HTML tiles for transactions without apps, train key users, and collect feedback. Custom apps are built only where real gaps remain.

A business wants a mobile app for field staff to record visits using S/4HANA data. How would you approach it?

Show answer

I would first check if a standard Fiori app on mobile meets the need, since Fiori is responsive. For offline use, I would consider SAP Build apps or the SAP Mobile Services on BTP. The app would call a released OData API or a custom RAP service through BTP destinations with secure authentication. I would design for limited connectivity, data sync and simple screens.

Tell me about a time you improved user adoption of a new system.