Since I started my series of articles about Fiori Elements I’ve been receiving different queries from our community asking about the possibilities and limitations when working with Fiori Elements.
I remember when I started to learn this subject (back in 2017) I used to debug the standard codes to understand what kind of options were available to configure my application in the way I needed, usually checking the expected configurations in the manifest.json and annotation.xml.
Note: If you want to understand how this debugging process works you can find an example in my first blog: Create your own custom card in a SAP Fiori Overview Page.
Nowadays the documentation around Fiori Elements is pretty extensive and you can always find all the available options through SAP official guides and documentation.
In this article I’m going to share some tips from my current research methodology and try to help you to find all the technical information you need to solve your queries in the future.
The process is pretty simple, just follow these steps:
The first step is always a quick search in the Fiori Design Guidelines to understand possibilities and limitations around the Fiori Element selected for your project.
Here you have detailed information about each one of the templates and explanations about the way your application should behave. The focus of this documentation is the user experience and how the layout can be adapted to meet your objectives.
These are the official pages for the current Fiori Elements:
After understanding the layout perspective you should search about the technical information and how to configure and code your application, the SAP Help Portal contains a dedicated section for this subject called Developing Apps with SAP Fiori Elements. Here you can find information about all the Fiori Elements available (including the recently added Worklist template).
These are the official links:
Applying these concepts in a real scenario
Let’s take for example the Analytical List Page, if you want to understand how to configure your application you’ll find the structure of this template in the design guidelines and understand that we have three main sections:
- Title Area
- Filter Area
- Content Area
Analysing carefully each one of these sections you’ll discover that you can:
- Configure KPIs in the Title Area
- Configure Visual Filters in the Filter Area
- Configure a Chart and Table in the Content Area
Moving to the next step, just search by “Analytical List Page” in the SAP Help Portal and read about the configuration available in the Descriptor Configuration (manifest.json) and the detailed explanations for each one of the main sections (Title, Filter and Content).
With this information in mind you can find all the relevant technical information for all the Fiori Elements available and explore diverse options to enrich your project.