Editing the "Wait dialog" using CSS

Applies to Infiniti v8.0.0 or later
 

Edit the "Wait Dialog" using CSS

The wait dialog is controlled by two CSS classes:

.ui-widget-overlay //The grey back ground/container
.ui-dialog-content //The white back ground/container

See screenshot below:

Default Appearance

Here are some other ways to style the Wait dialog.

Example 1

CSS:

.ui-widget-overlay, .ui-dialog-content
{
	background: none;
}

Example 2:

CSS:

.ui-widget-overlay
{
	visibility: hidden;
}

Example 3:

Hides both objects (This method is not advisable: If both classes are hidden; the functionality is still remains but the wizard appears unresponsive to user interaction. Which may cause confusion.):

CSS:

ui-widget-overlay, .ui-dialog-content
{
	visibility: hidden;
}
 

Related Articles

 

Keywords

css wait dialog ui customization