How-Tos

The development of a Web UI project includes specific tasks such as creating pages, views and dialogs or enabling navigation to a page. The following guides will help you with these tasks.

Add new page, view or dialog

EASY UI Designer includes templates for pages, views and dialogs. This guide shows you how to create a page, view or dialog based on a template in your project.

Add an existing page, view or dialog

This guide shows you how to add pages, views or dialogs from another project, for example, to your project.

Preload pages

If, when testing your application, you notice that certain pages take a very long time to display thus diminishing the user experience, you can put the loading of these pages forward to the start phase of the application. These pages are then displayed immediately when navigating in the app.

Add a navigation button

This guide shows you how to add a navigation button to the menu in the FixClassical or FixTop layout.

Add more items to the responsive menu

This guide shows you how to add further menu items and other elements to the menu in the Responsive layout.

Change the order of menu items

This guide shows you how to change the order of the menu items in the Responsive layout.

Show a dialog

This guide shows you how to show a dialog upon a click on a control.

Show a keyboard dialog

Here you will learn how to show a numeric or alphanumeric keyboard dialog upon a click on an input control.

Add images to the project

A new Web UI client project already contains a number of images in the images folder within the project directory. This guide shows you how to add images to the project.

Add triggers and actions to a control

EASY UI Designer provides triggers and actions that you can add to a control in order to trigger an action if a certain event occurs such as a change in the variable or a property, a click or another event. This guide shows you how to add a trigger and an action to a control.

Add and edit a state collection

A new client project contains state collections for colors, images and texts that you can use in a VariableTrigger in order to switch colors, images or texts in a control if the variable value changes. This guide shows you how to add a new state collection and edit the assignments (states).

Enable locking of the user session

Users can lock the application to prevent unauthorized access to the application during their absence. This guide shows you how to implement this in the application.

Display custom lock page

If the application is locked via the LockSessionAction, the LoginView is displayed by default. This guide shows you how to display a specific lock page instead of the LoginView.