Page Comparison

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

...

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 – <insert new inputs here>. 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. 

    Info
    Setting Additional Properties provides further information about the Advanced property

    
    

...

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