opening eBase form in a non-modal popup window

[Segi]

I found a pretty easy way to display an eBase form in a popup window without using the iFrame method (which I don't think is practical for most situations and is overly complicated)

I cannot attach a zip file of my project here but have uploaded it to

http://www.sendspace.com/file/4vgie6

This is how I do it:

1. Add jQuery, jQuery UI and a jQueryUI plugin called PopupWindow to your form or presentation template (I'd recommend adding it to your presentation template so that it will be automatically included in any project that uses that template)

jQuery http://code.jquery.com/jquery-latest.min.js
jQuery UI http://code.jquery.com/ui/1.10.3/jquery-ui.js
popupWindow http://swip.codylindley.com/jquery.popupWindow.js

2. On your form add an HTML control with this code:

Code: Select all

<div id="popupdiv"
</div>

(*** Add the closing > at the end of <div id="popupdiv". When I put it in this post, it messes up the code ***)

This is the DOM element that will act as the parent of the popup window since we need to trigger the popup window from a DOM element.

3. Right click on the control that you want to click on to open the popup window and select HTML element properties.

Assign an id to the control and add a click event with this code. Change POPUPFORM in the line beginning with windowURL to the name of your eBase form.

Code: Select all

$('#popupdiv').popupWindow({ 
	windowURL:'ufsmain?formid=POPUPFORM',
	height:500, 
	width:500, 
	top:50, 
	left:50 
});

$('#popupdiv').click();

[jcoulson]

Hi Segi,

Good to see your solution works well. Ian asked me to let you know of a way that we have also achieved the same result of this without including any libraries. It only requires one line of javascript code:

Code: Select all

window.open(url);

I looked into the library link you gave and it actually uses this code!

If you look at this link: http://www.w3schools.com/jsref/met_win_open.asp you can see how the configuration options can be passed into the method.

This approach means you do not need JQuery or any other libraries attached to the form or any DOM elements.

Hope this is helpful.

Jordan