Project

This is the topmost node or the core in a FAB Application. The Project Node is automatically added when an application is created.

Open

Properties of Project

1. ID – unique identifier of the Project.

2. Title – title of the project.

3. SplitApp – set the value to true if the Master-Detail layout will be used. Otherwise, leave it blank (default to false).

4. Style Class - specify a CSS Style Class to be applied to the entire application. Typically this would be 'sapUiSizeCozy' or
   'sapUiSizeCompact' for when those standard SAP UI5 Styles are to be applied to create a more compact look for desktop apps for example.

5. Properties File URL – <insert new inputs here>. 

6. Background Color – field for setting the background color of the application. hexadecimal value (e.g. #92C632) can be used

7. Background Image – field for setting the background image of the application. Set the URL of where the image is stored.

8. App Advanced.. – allow for setting advanced features on App or Split App
   eg for Split App
   defaultTransitionNameDetail="fade"
   defaultTransitionNameMaster="fade"
   or 
   defaultTransitionName="fade" 

9. OnLoad - Allows you to configure a JavaScript function to run when the app is loaded.

10. App More.. – opens up the More Properties Dialog Screen

11. Advanced.. – properties of the control not available in the above list can be added here. 

More Properties Dialog Screen

Open

1. defaultTransitionName – use the input help to select the transition setting of the app. Leaving it blank will set the transition to "fade" as default.

2. width – width setting

3. height – height setting

4. backgroundOpacity – opacity setting

5. backgroundRepeat – background image repeat setting

6. homeIcon – home button Icon

7. initalPageField – set the ID of a Data Model field that will hold the Id of the Page that will initially be loaded when the App is executed

Related articles