Disabled dialog problem

[George]

When dialog is disabled, entire region becomes transparent.
All buttons are still works.

I was experimented with this issue, i think, wDialogMsgTemplates.JQDialogOptions.Disable should apply css "ui-state-disabled" on child divs.
Then, all controls inside dialog will become transparent (opacity = 0.35), but dialog div will be filled.
One more thing - when dialog is disabled, all controls should not work (pointer-events: none !important).

[George]

I implemented this fix for me:
css code

div.ui-dialog.ui-state-disabled {
	opacity: 1 !important;	
	pointer-events:none;
}
div.ui-dialog.ui-state-disabled > div {
	opacity: .35 !important;	
}

[Alexander Bulei]

Hi George,

I have checked this, and can say, the jquery ui team missed this thing.

We implemented js code to support this functionality in V2.0.0.3384.

Another thing, you can use "ui-dialog-disabled" css class in your custom css file.
That css is added, but doesn't used/implemeted in jquery ui themes.

css code

.ui-dialog-disabled {
    opacity: .35 !important;    
}

Best Regards.

[George]

You mean:
css code

div.ui-dialog-disabled {
    opacity: 1 !important;  
    pointer-events:none;
}
div.ui-dialog-disabled > div {
    opacity: .35 !important;    
}

?

In previous post, "div.ui-dialog.ui-state-disabled" overrides opacity of main dialog div, and "div.ui-dialog.ui-state-disabled > div" apply disable effect on all child divs of main dialog div.

[Alexander Bulei]

Hi George,

Since V2.0.0.3384, you don't need define the css for inside controls.

Just use the ".ui-dialog-disabled" class to override the opacity.

Best Regards.