Wait Messages on Ajax Callbacks

Description

Settings for adding a wait message to the UX Component that is shown when a callback to the server is made.

Discussion

In mobile applications, where network connections are often slow, it becomes important to let the user know that there will be a delay while an Ajax callback completes. This is easily done with a global setting in the UX Component.

To turn on automatic wait messages, go to the Properties pane in the UX Component and check the Show wait messages on Ajax callbacks property.

Show wait messages on Ajax callbacks 

Specify if a wait dialog should be shown when an Ajax callback is made. When the callback completes, the wait message will be hidden.

Use CSS3 Animation 

The wait window can display a wait icon. This icon can be an image (such as an animated .gif) or a CSS3 animation. Specify if the wait window should use a CSS3 animation by checking this property

Animation size 

Specify the animation size in pixels. This option is only available if Use CSS3 Animation is enabled.

Wait message text 

Specify the text to show in the message. You can leave this blank if you only want to show the spinner. You can use language or text dictionary tags here (e.g. <a5:r> or <a5:t>) This option is only available if Use CSS3 Animation is disabled.

Wait image 

Specify the wait icon. Typically an animated .gif image is used. This option is only available if Use CSS3 Animation is disabled.

Message class name 

This property can be used to assign a CSS class to the wait message. The CSS class can be used to style the message. Leave this property blank to use the default class name for the wait message.

Lock screen class name 

This property can be used to assign a CSS class to the lock screen. The CSS class can be used to style the lock screen. The lock screen is used to prevent the user from using the app until the operation completes. Leave this property blank to use the default class name for the lock screen.

Videos 

Automatically Displaying a 'Wait' Message on an Ajax Callback

In mobile applications, where network connections are often slow, it becomes important to let the user know that there will be a delay while an Ajax callback completes. This is easily done with a global setting in the UX Component.

See Also