Table of Contents

Create a custom homepage

What is an custom homepage ?

When building a application you got a default homepage.

Example (Northwind application homepage) :

Fortunately it is possible to customize this home page by defining your own UI view with a specific template.

Example (Neos Studio application homepage) :

How to create an custom homepage

Step 1: Creates a UI view as usual with a template.

Step 2: Specifies its name with the frame container identifier in the configuration file.

MainUIViewName: DesignerUI
MainFramesContainerId: DesignerContainer
Warning
  • The template of the custom homepage UI view must contains a frame container with the specified identifier.
<splitter-panel size="@Computeds.DesignerContainerSize" style:background="background">
    <frames-container container-id="DesignerContainer" frames="@Fields.Frames" selected-tab-index="@Fields.SelectedTabIndex" />
</splitter-panel>

In this example, the main UI view displays the embedded UI views of the application in a frame container with the DesignerContainer identifier and bound to a frame collection and current tab selection.