X4 Produktdokumentation
X4 Produktdokumentation
Breadcrumbs

Structure of a Web App Project

Backend

When you create a Web App Project, the following project structure is created in the X4 Designer:

image-20250630-080905.png

  • Project: Name of the Web App Project

  • Components: Separate definitions for the individual components.. The folder may only contain definitions for List Components, Detail Components, Form Components MasterDetail Components, Calendar Components, and Grid Components.

  • Resources: All resources of the Web App, such as images. Can contain subfolders. The contents of this folder can be accessed via the Internet.

  • Services:

    • Adapters: Adapters used in the project. Can contain subfolders.

    • Processes: Technical Processes. Can contain subfolders.

    • Resources: All resources used in Technical Processes. Can contain text, XML, XHTML, SQL, and binary files. Can contain subfolders.

    • TemporaryFiles: Temporary files. Can contain text and XML files. Can contain subfolders.

    • Transformations: Mappings for processes. Can contain XSLT and REP files. Can contain subfolders.

  • Translations: Contains the individual language files for multilingual interfaces.

  • Project.dpr: Data protection information, either as text or as a link to an external page.

  • Project.Imprint: Imprint, either as text or as a link to an external page.

  • Project.Theme: Theme of the application. Can be defined with a theme designer.

  • Project.wac: File with the configuration of the Web App. This file is created automatically when a Web App Project is created and cannot be deleted.

  • Project.wad: File with the definition of the Web App. This file is created automatically when a Web App Project is created and cannot be deleted.
image-20250630-081249.png


If you right-click the name of the Web App Project, you can create the following files using the New command in the context menu:

  • HeaderSection: Definition of a separate header that is displayed instead of the default header (see HeaderSection)

  • Monitoring: Definition of the options for the monitoring of the profiling data (see Process Monitoring)

  • Project Parameter Configuration: Definition of the options for the project parameters (see Project parameters)

The Resources, Services, and Translations folders do not contain any additional files immediately after a project is created. The files for the data protection and for the imprint also have no content at first and can be deleted if they are not needed in the project.

Note:

Note that all file resources in the Resources folder are provisioned via HTTP(S) relative to the path of the Web app.

Frontend

The frontend of a Web App is structured as follows:

image-20240708-055550.png

1

User menu

Note:

Selecting the icon displays the logged-in user and the functions for changing the password and logging out. The user menu is displayed only for Web Apps with the Authorization Flow Authenticated.

2

Automatically generated links to the data protection declaration and the imprint

3

Automatically generated menu of the Web App, which is formed from the display names of the components.

4

Logo and display name of the Web App

Note:

If no logo is set in the configuration, the display name of the Web App is displayed here.

5

Area for the content of the component. The display depends on the type of component, the layout used and the controls used.