Skip to Content
Technical Articles
Author's profile photo Ashish Anand

SAP Fiori Elements Analytical List Page (ALP) : what and hows

An analytical List report or ALP is another Fiori Elements floorplan which displays your data in both analytical and list forms allowing the user to analyse the data from different dimensions and at various layers.

In this blog series, I’ll try to discuss Analytical List Page or ALP in detail. As ALP works with OData based on metadata and metadata annotations, In this blog series apart from ALP configurations, we will discuss different annotation supported by ALP in details.

What are we building

We will create an ALP application using SAP Web IDE. I’ll be using publicly available OData service from SAP and will add annotations using web IDE annotation modeller.


  1. You should have a count in SCP to access Web IDE
  2. Register here to access the backend OData Service.
  3. Add the above-registered system as a destination in your SCP account. You can use below destination configuration for your reference
    #Fri Aug 09 05:54:52 UTC 2019
    Description=SAP Gateway Demo System
  4. For reference, you can clone the GIT repo for this sample application which we are building.

ALP Application structure

As any other Fiori elements application, an ALP application is also contained inside a shell bar. Majorly an ALP application can be broadly divided into 3 components:

  1. Title area:The title area of an ALP application may contain variant management, Global KPIs, Visual/compact filter switch button and share menu.
  2. Filter areaThe Filter area of an ALP application contains filters bar. ALP in addition to a smart filter bar (known as the compact filter in ALP) also provides an option to represent the filters as charts, known as the visual filter. The filter area also contains the adapt filter and go button.
  3. Content areaThe content area of an ALP application may also contain filterable KPIs. The content area of ALP application may contain a chart subsection and a table subsection or both. The content area also has action buttons along with other toolbar buttons at chart and table toolbar.

Next Blogs

In the forthcoming blogs of this blog series, I’ll discuss how to create an ALP application using SAP web IDE, discuss different manifest settings of an ALP application, how to annotate your service using annotation modeller,  discuss the different configuration of global and local filters, visual and compact filters, chart and table area and navigations and action button configuration. I’ll also discuss different developer extension possible within an ALP application. so stay connected:

Creating a bare-bone Analytical List Page (ALP) application

Configuring filters area of an Analytical List Page (ALP) application

Configuring chart content area of an Analytical List Page (ALP) application

Configuring table area of an Analytical List Page (ALP) application

Configuring KPI tags of an Analytical List Page (ALP) application

Analytical List Page (ALP) developer extension

Customising an Analytical List Page (ALP) application with Visual Editor

SAP Fiori elements Analytical List Page (ALP) : Performance optimisation

I’ll keep updating and adding new features and developments as and when they come in future. Happy reading !! ?

Feedbacks, questions and comments are most welcome!!

Assigned Tags

      You must be Logged on to comment or reply to a post.
      Author's profile photo Nabheet Madan
      Nabheet Madan

      Super series, clean and to the point. The another good thing you have done is providing the github repo also.thanks.

      Author's profile photo Ashish Anand
      Ashish Anand
      Blog Post Author

      Thanks a lot Nabheet Madan for the feedback. Glad to hear you liked this. You might also like another blog series on Overview Page

      hope it helps 🙂

      thanks and Regards


      Author's profile photo Godson Dabre
      Godson Dabre

      Hi Ashish,


      Please help me to solve below error.

      when i click go button in analytical list page ,two batch request are sent , of which one request gets canceled automatically(except for the first time). That’s why only my charts gets refreshed and table is not .My odata service is  implemented in netweaver gateway and is working fine and tested.

      This issue only persist when we delpoy the app  in cloud .while running directly from webide its working fine both charts and table data gets refreshed successfully..

      as per below blog ,its an UI5 frame work issue .


      Is there any other way to resolve this??.





      Author's profile photo sanjeev Singh
      sanjeev Singh

      Hello Godson,

      Did you find a solution to your problem?

      I am also facing the same problem. I found the solution to make the entity as "aggregate". However this leads to another problem. When I navigate to the object page and come back to the screen some of the datafields are cleared. Please let me know if you get any solution.

      Author's profile photo Thorsten Klingbeil
      Thorsten Klingbeil

      Excellent Blog Ashish! 🙂

      Excactly, what I was looking for!



      Author's profile photo Ashish Anand
      Ashish Anand
      Blog Post Author

      Hello Thorsten Klingbeil ,

      I'm Glad you found it helpful. Thanks a lot the feedback 🙂

      Thanks and Regards


      Author's profile photo Andre Ferreirinha
      Andre Ferreirinha



      How do I hide the chart in the Content Area to just show the Table?


      Thank you and Regards

      Author's profile photo Donato Ferraro
      Donato Ferraro

      Hello Andre,


      if you want to hide the chart in the Content Area by default, you can just set this property

      "defaultContentView": "table" in manifest.json

      I’d recommend taking a look at our documentation.




      Author's profile photo Andre Ferreirinha
      Andre Ferreirinha

      Hi Donato,


      Thank you for the fix and the documentation!

      I only have a table now but would like to remove these icons from the table toolbar.

      Maybe I missed it but I could not find anything in the documentation.


      Thank you,


      Author's profile photo William DYSON
      William DYSON


      I recently discovered this blog and try to reproduce the results by cloning the repository.  I am not able to launch the application and I suspect that it may be due to the SAPUI5 version.  Can you confirm the SAPUI5 version that should be specified in the project settings?