Foros de discusión

How to enable background grey shade when rendering the aui dialog

thumbnail
krishna mohan mathakala, modificado hace 8 años.

How to enable background grey shade when rendering the aui dialog

Junior Member Mensajes: 68 Fecha de incorporación: 8/09/12 Mensajes recientes
How to enable background grey shade when rendering the aui dialog.
Lifer version : 6.2 ce
OS : MAC
thumbnail
Kyle Joseph Stiemann, modificado hace 8 años.

RE: How to enable background grey shade when rendering the aui dialog

Liferay Master Mensajes: 760 Fecha de incorporación: 14/01/13 Mensajes recientes
Hi Krishna,
Have you tried modal: true?

You'll probably find simple answers like this one faster if you look at the AlloyUI docs and examples before posting.

- Kyle
thumbnail
krishna mohan mathakala, modificado hace 8 años.

RE: How to enable background grey shade when rendering the aui dialog

Junior Member Mensajes: 68 Fecha de incorporación: 8/09/12 Mensajes recientes
Hi Joseph,

I read the documentation,
there told the same thing to use model : true,
that is not working for me , The same property is working in the liferay 6.0 but in 6.2 it's not working.
So I posted in forum.
thumbnail
Kyle Joseph Stiemann, modificado hace 8 años.

RE: How to enable background grey shade when rendering the aui dialog

Liferay Master Mensajes: 760 Fecha de incorporación: 14/01/13 Mensajes recientes
Hi Krishna,
Could you post more of your code? I cannot reproduce your issue. Here's a runnable example which works fine. Please provide a more information, such as the code that fails or perhaps a runnable example.

- Kyle
thumbnail
krishna mohan mathakala, modificado hace 8 años.

RE: How to enable background grey shade when rendering the aui dialog

Junior Member Mensajes: 68 Fecha de incorporación: 8/09/12 Mensajes recientes
Hi Joseph,
Thanks for your reply.

I am using aui dialog,Not aui modal.

Please check the following code

popUpWindow=Liferay.Util.Window.getWindow(
							{
								dialog: {
								centered: true,
								constrain2view: true,
								//cssClass: 'yourCSSclassName',
								modal: true,
								resizable: false,
								toolbars: false,
								width:500,
								height:380,
								}
							}
							).plug(
							A.Plugin.IO,
							{
								autoLoad: false
							}).render();
							A.one('body').on('key', function(event) {
								popUpWindowComment.once('visibleChange', function(event) {
									if (event.prevVal === true) {
										event.newVal = true;
							}
							});
							}, 'esc');
							popUpWindow.show();
							popUpWindow.titleNode.html("Title");
							popUpWindow.io.set('uri','uri);
							popUpWindow.io.start();