Kuika's Master Screens panel allows you to manage recurring interface components across the application from a centralized location. The screens created on the Kuika platform can be displayed in three different ways: Current (full screen), Drawer, and Pop-up/Modal. With the template pages you prepare for these screen types, you can manage the interface components of the screens, header, footer, and right/left menu areas from a single place. Using Master Screens, you can apply the same design to multiple screens and, for example, you can ensure that a change in the logo is automatically reflected on all template screens. In this tutorial, you will learn how to manage repetitive interface components from a centralized location with the Master Screens panel.

Master Screens is only supported in web applications.

This training content consists of the following topics:

Adding Master Screens,
Master Screens Properties panel,
Press Enter,
Layout Configuration,
Authorization,
Screen Input,
Actions.

Add Master Screens

After logging into the Kuika platform, open the project you will work on from the “Apps” screen.

While in the “UI Design” module, open the “Screens” panel on the right side.
Click on the “+” icon next to the Master Screens title.

Complete the creation process by entering a name for the Master Screens in the modal screen that opens.
By default, the Master Screens come with a Header and a Vertical Stack in the left panel. The middle area is left empty for screens where a template is added and no elements can be added to this area.

To create a new screen using a template in the Master Screens, click on the “ADD SCREEN” button.

After clicking the ADD SCREEN button, you will see a screen with Blank and the current Master Screens selected.
Then determine the screen naming and access authorizations (All Roles Access, Anonymous Access).
After making the necessary selections, create the screen by clicking the “CREATE” button.
The screen you create opens automatically. For example, the Employee screen comes with only the center area for editing.

Also, you can add a Table element to the center area, but you cannot make changes to the Header, Footer, and Left Menu because they come from the template.
If you want to define a screen as a normal screen instead of a Master Screens, select None from the selectbox in the Master Page field.

When None is selected, the Master Screens properties are removed and only the elements you added to the center area (e.g. Table) are visible.

Master Screens Properties Panel

The Properties panel of the Master Screens comes with the following by default:

Role and Layout Configuration settings
Action and Screen Input fields

Press Enter

You can select the button to be triggered by pressing Enter without focusing anywhere on the screen. Add a Button element from the Elements panel to see this functionality.

Layout Configuration

The Layout Configuration area allows you to manage the visibility and positioning of components within Kuika's Master Screens template. Through Layout Configuration you can easily control the layout of the components used on different screens of your application. For example, you can edit the appearance settings of the left menu by selecting it from the drop-down menu named Left, remove it completely, or make it visible only on certain screens. You can also manage whether certain components, such as the Footer, are placed on the screen or not through this area.

Authorization (Yetkilendirme).

You can customize user access with “Anonymous Access” and “All Roles Access” authorization options on the screens and elements of your application. While “Anonymous Access” enables access without any account information query, “All Roles Access” provides access by verifying user account information.

For element level authorization, you can manage the security and user experience of your application by selecting the relevant element and editing the “Authorization” settings from the Properties panel.

Actions.

Kuika contains system actions such as Arithmetic, Authorization, Condition, Device, Export, Geolocation, Invers, Local Storage, Multi Language, Navigation, Notification, Payment, UI Control, Process Administration, Process Automation, Trigger, Process Automation, Process Administration and String Operations.

In addition to system actions, you can also use SQL actions that you create yourself.

To add actions to elements, you can use the “+ADD ACTION” button from the Properties panel on the right side.

Screen Input

In application development with Kuika, Screen Input is used to transfer data between two or more screens. Screen Input makes it easy to move data between screens. To transfer data, a Screen Input is first added below the screen that will receive the data. Then, under the Navigate action on the screen that will start the data transfer, the Screen Input added as Id parameter should be selected.

Adding a Screen Input is an important step that increases the usability and functionality of the application. This feature not only improves user interaction with the application but also facilitates data entry. If you want to transfer data on the Master Screen, you can add Screen Input by clicking the “+Add Screen Input” button.