Creating a List Component

You can now begin designing the individual elements of your Web App.

Web applications consist of various components that define the display of the data in the Web App and are each defined in a separate file. These components are then referenced in the WAD file of the Web App Project using the <ComponentReference> element in the <Components> area.

Each newly created Web App Project already contains the Dashboard-detail component.

For the example project described here, you create a List component to display customer data in the Web App. A List component displays dynamically generated lists. To dynamically display a list, the component requires a background process that defines which data are displayed and information on how the data are to be displayed. In the first step, you create the component.

How to create the List component

1. Right-click the Components folder in the Web App Project in the Projects view and select New > List Component.... The File Creation Wizard dialog opens.

1. If necessary, you can customize the name of the stylesheet in the File name field.

2. Click Finish.
   ✅ The List component is created in the Web App Project and opens automatically in the editor. You will further configure the created component in a later step.