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.
|
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. |
|
|
This guide shows you how to add pages, views or dialogs from another project, for example, to your project. |
|
|
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. |
|
|
This guide shows you how to add a navigation button to the menu in the FixClassical or FixTop layout. |
|
|
This guide shows you how to add further menu items and other elements to the menu in the Responsive layout. |
|
|
This guide shows you how to change the order of the menu items in the Responsive layout. |
|
|
This guide shows you how to show a dialog upon a click on a control. |
|
|
Here you will learn how to show a numeric or alphanumeric keyboard dialog upon a click on an input control. |
|
|
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. |
|
|
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. |
|
|
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). |
|
|
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. |
|
|
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. |