Master Screen

Screens created within the application are displayed in 3 different ways: Current (full screen), Drawer, and Pop-up/Modal. With the template pages you will create for these screen types, you can manage the interface components belonging to structures prepared for screens (Master Screen) such as header (Header), footer (Footer), and menus prepared for right/left areas from a single place. Thus, when you change a visual (e.g., logo) in the header design, it will change on all screens where the template screen (Master Screen) is applied.

Master Screen is only supported in web applications.

Add Master Screen

To add and manage a Master Screen in your application, use the Screens panel on the left side. The Screens panel consists of two sections: Screens and Master Screen.

Click the + icon button next to the Master Screen title. In the opened modal, give a name for the master screen.

By default, the Master Screen comes with a Header and a Vertical Stack located in the left panel.

The middle area in the Master Screen remains empty for screens where the template is added, and no element can be added.

When inside the Master Screen, you can use the Add Screen button to create a new screen using the open template.

After clicking on Add Screen, a Blank screen with the Master Screen being worked on is shown. In this screen, screen naming and screen authorization (All Roles Access, Anonymous Access) must be made.

After the necessary selections and screen naming, you will have created the screen you want to add to the middle area by clicking the Create button.

After clicking the Create button, the screen you created opens automatically.

In the created Employee screen, only the user can use the element or editing operations in the middle area. For instance, in the created Blank screen, no changes (element deletion, addition, etc.) were made to the Master Screen's Header, Footer, and Left menu, but a table element has been added to the middle area.

If you wish, you can define the employee screen as a normal screen instead of a Master Screen. For this, None must be selected from the select box located in the Master Page area.

After selecting None, Kuika will remove the left and header elements with the Master Screen feature, and only the table element added to the middle area will be displayed.


You can easily perform Authorization/Authorization operations within the screen and based on elements.

Press Enter

This is the area where the button to be triggered by pressing the enter key without focusing anywhere on the screen is selected.

To see the function of Press Enter, drag and drop the Button element from the Elements panel onto the screen.

Master Screen Properties Panel

The Properties panel of the Master Screen comes with Role and Layout Configuration by default, along with properties for actions and screen input.


The screen role comes selected as Master Screen. No edits are made.

Layout Configuration

This is the section where the presence of elements within the Master Screen on screen or the positioning settings of existing elements are made.

You can adjust the display settings of the Left menu according to the selections from the select box named Left.

For example, you can remove the left menu. Or you can ensure that only the Footer is on the screen.

Add Action

As in other screens within Kuika, you can use system actions available in Kuika by clicking the +Add Action button in the Master Screen.

Add Screen Input

You can add screen inputs to the Master Screen by clicking the +Add Screen Input button for elements added to the Master Screen.

Last updated