From the app design page, click the Application module card, which automatically opens the view design page for the first view in the VIEWS list. If another view is first in the list, select landing-page from the list of views to open the landing-page view design page.
Other than the general view properties you can change by clicking the gear icon next to landing-page and selecting Edit, this view has no view properties you can set. It only displays a layout for the view showing the user-created modules in the order that appear on the page when a user successfully starts up the app.
This view also includes the following custom HTML sections where you can include your own HTML for the view. Each section is identified in the view design page with a placeholder containing descriptive text:
Custom top html section:: Located in the area above the list of modules, the text in this placeholder introduces the path name of the topSection.html file where you can add your custom HTML.
Custom bottom html section:: Located in the area below the list of modules, the text in this placeholder introduces the path name of the bottomSection.html file where you can add your custom HTML.
The Designer automatically generates these files for you in application-folder\app\src\modules\Application\landing-page. Add your custom HTML code to these files as required. The Edit option on each custom HTML section allows you to edit the corresponding file from within the Designer using the Monaco editor.
From the app design page, click the Application module card, which automatically opens the view design page for the first view in the VIEWS list. If another view is first in the list, select landing-page from the list of views to open the landing-page view design page.