Hiding the Filter Bar

Objectives

After completing this lesson, you will be able to:

  • Create a worklist from the list report

The Worklist

The worklist floorplan is a simplified list report without a filter bar. It displays a collection of items that are to be processed by the user. The processing of the items includes reviewing details of the list items and taking actions. This differs from the list report floorplan, which focuses on finding and acting on relevant items from a large dataset.

You can create a worklist page using the SAP Fiori application generator. You can also hide the filter bar in the list report to create a worklist. To hide the filter bar, you can either change the setting directly in the manifest.json file or use the Page Map to make the necessary changes to the manifest.json file.

Hide the Filter Bar in the List Report

Context

In this exercise, you will modify the list report to create a worklist. You can do this in SAP Business Application Studio.

Task Flow

In the Manage Travels application, you will hide the filter bar available in the list report.

Prerequisites

You have completed the exercise Add Fields to the List Report Filter Bar in the unit Configuring the List Report Filter Bar (lesson: Adding Fields to the Filter Bar). Alternatively, you can check out its solution branch: solution/add-semantic-fields-to-filterbar.

Watch the Steps and Perform the Simulation

This exercise contains a simulation that takes you through all the steps described below. You can follow the simulation and perform the steps using your own trial account.

Steps

  1. Open the Manage Travels application in SAP Business Application Studio.

    1. In the Explorer view, select Projects/app.

    2. Right-click on app and select Show Page Map. The Page Map of the Travels application appears.

  2. Hide the filter bar of the list report.

    1. On the list report page, select the Edit option. The TravelList Page Editor appears.

    2. Select Filter Bar. The filter bar properties appear on the right pane.

    3. Under Hide Filter Bar, from the dropdown, select True.

  3. In the Explorer view, select Projects/app/webapp/manifest.json. In the manifest.json file, the following code appears under settings:

    Code snippet
    "hideFilterBar": true
    Expand
  4. View the worklist in the Manage Travels application.

    1. Open the Manage Travels application.

    2. Refresh the browser tab on which the Manage Travels application is displayed.

      Result

      You can see that the filter bar is hidden.

Result

In this lesson, you have learned that you can disable the filter bar of the list report. By doing so, you have modified the list report to a worklist.

Note

Log in to track your progress & complete quizzes