how to have warning message displayed in popup window?

[xren]

I would like to display the validation result warning message in a pop window.

How this can be done?

[priyank]

Hi Xiaoli,

Assuming that you require the outcome of

Code: Select all

event.owner.addWarningMessage()

on a popup window, you can use the jquery reveal plugin from http://www.zurb.com/playground/reveal-modal-plugin

You can put a message control into panel and make that panel popup whenever required (in your case, when warning is shown).

Incase you want to show a confirmation popup box, you can put the code below in "HTML Element Properties" --> "Custom Event Handlers" --> "HTML" --> "OnClick" event for the control.

Code: Select all

javascript:var r = confirm("Are you sure you want to perform this action?");if(r==true){return true;}else{return false;}

Hope this helps. Please explain the issue further in case you require anything more.

[xren]

How can a panel become pop window?

Thanks,
Xiaoli

[Steve]

Hi,

You will need a panel on the page which is hidden. You can use css to make the panel display: none. Give this an HTML element id of #showBox

Then you can use JQuery to load the panel content:

http://jqueryui.com/dialog/

You could have an onclick event on a button to load the panel:

Code: Select all

$( "#showBox" ).dialog(
	{
	
	                height: 700,
	                width:  1050,
	                title: "My Title",
	                modal: true,
	                zIndex: 100000
}	

Steve

[xren]

It seems the pop up does not work well in older version IE (7). Is that right?
And how can I change the size of the window?

Thanks,

[Steve]

Hi Xiaoli,

I have not tried this in IE 7 and below. So I am not sure about that. What do you mean, does not work well? Does it pop up at all.

You can adjust the size of the window by adjusting the width and the height attributes:

Code: Select all

.....
 height: 700, 
 width:  1050, 
......

Steve

[priyank]

How can a panel become pop window?

Thanks,
Xiaoli

Hi Xiaoli,

Sorry for the delay in reply.

By applying required css and jquery to a panel, it can be made to popup whenever required. The jquery reveal plugin simplifies it for the developers.

Whether it works on IE 7 & below depends on whether the browser supports css/jquery code used to make a popup. You can give it a try using http://www.zurb.com/playground/reveal-modal-plugin

Hope it helps.