Closing popups

[Steve Workings]

Is anyone else spending inordinate amounts of time trying to get popups to close? I know about a half dozen ways to do it, yet often (including the last two days) just cannot get 'em to close.

Some methods I know about/have tried include:

- Setting the calling method to close the window after submit
- Declaring the window[] name in the UX OnInitializeComplete and close that
- Inserting a <div> to the UX window title and hiding that
- using {dialog.Object}.closeContainerWindow(this);
and a few other less-common methods

One current example is a popup UX where I try {dialog.Object}.closeContainerWindow(this). I've tried it in several locations/methods/implementations by the way. The Chrome console tells me:

Uncaught TypeError: Object function (obj){if(obj.responseText)eval(obj.responseText);} has no method 'getAttribute' a5-19704257.js:547
A5.windows.getFromElement a5-19704257.js:547
A5.DialogComponentHelper.closeContainerWindow a5-19704257.js:11429
(anonymous function) VM2927:6
$a._rh._eval a5-19704257.js:242
(anonymous function)

I'm spending enough time on this to cast a net to see what I can learn -- I have to be missing something because the problem just so pervasive in my current project.

[Davidk]

Re: Closing popups

Hey Steve,

There are about a billion (yes... a billion) ways to work with 'popups'. Right now I can only think of 4, but it feels like a billion. Could you put together a really simple example of a popup not closing? Then focus can go to exactly the problem instead of going off on some tangent that proposes a solution which doesn't apply.

[frankbicknell]

Re: Closing popups

I am having the same issue as Steve can anyone shed a light on this problem?

[Steve Workings]

Re: Closing popups

I've worked through many of them - often with Andy Meer's help but they can be downright stubborn. A couple of them I've just told my customer they're going to have to click the Close button when done.

[frankbicknell]

Re: Closing popups

I have burned up about 2 hours trying the examples to get a popup window ux to close. Not too much trouble if the popup is a grid. I can get the ID of the <div> object like this and hide it but then I cannot reopen.

//var wObj = $("A5dlg3");
//wObj.hidden = 'true';

I tried these everywhere and no success.

{dialog.Object}.closeWindow('WNDGETSIGNATURE');
dialog.Object}.closeContainerWindow(this); (this throws an error in firefox)
var ele = $('WNDGETSIGNATURE'); 
dialog.Object}.closeContainerWindow(ele);

I have decided to try opening my ux in a dynamic panel. Any ideas on how to programmatically close a dynamic panel?

[Steve Workings]

Re: Closing popups

I took to a similar solution in recent days. My current development app doesn't use panels, but I built a UX with conditional containers and find I can manage that pretty well. With a bit of design consideration to "fit" into the project, I'm probably going to do more of this rather than deal with uncloseable popups.

[frankbicknell]

Re: Closing popups

Video D 50 shows another method to open pop ups that can be easily closed. I will have to rethink things a bit.
Actually video UX 54 clears it all up. The examples and help dialogs are missing some key commands.

[Steve Workings]

Re: Closing popups

I've seen Selwyn's videos using that method before, but never used it even though I thought it quite clever. I'll take to using/trying that in the future as well, see if it helps save some time. Thanks for finding and pointing that out.

[frankbicknell]

Re: Closing popups

I don't know how getting the id of a button then using that id in the closeContainerWindow method works.... but it does.

OK I see why this works now because
this works in a button.

{dialog.Object}.closeContainerWindow(this);

I guess you could get a pointer to any component in the window. Maybe only buttons.

[RichCPT]

Re: Closing popups

From other threads on this topic:

To close a popup grid component there is:

{grid.object}.closeParentContainer();

The trick is calling it at the right time and place. Wrap it in a function declared in the component's global js functions like this to ensure "{grid.object}" placeholder is properly replaced:

function ClosePopupXXX() { {grid.object}.closeParentContainer(); }

Call the function after a successful record insert/update/delete ajax call, by adding it to the javascript response code for server-side events "AfterUpdateRecord", "AfterInsertRecord", "AfterDeleteRecord":

aa = e.rtc.A_AjaxResponses
aa[].text = RefreshParentXXX(e) // add your own js function to update controls in parent record with changed data
aa[..].id = 100
aa[].text = "setTimeout('ClosePopupXXX ();', 20);" // slight delay of '10' or '20' ms to give above code time to execute before actually closing window.
aa[..].id = 101

NOTES:
- I define a "RefreshParentXXX" JS function to update controls in the parent window with changed data from the popup, omit if not needed.
- I've only tested / used this in the "AfterUpdateRecord" event.
- I had to add this because my popup grid component has a hidden grid and only uses an "OnPage" detail view. The "Close detail view after submit" property isn't any use in this situation because it doesn't know it should also close the hidden grid (entire popup) after a submit.

[jennygong]

Re: Closing popups

I have the same issue. in UX, i have a button, once i click it, it will run ajax callback, at the end of xbasic function, i put functionname="{dialog.Object}.closeContainerWindow(this);"
it is not wokring, and get error message....Anyone can help me?

[mikeallenbrown]

Re: Closing popups

I have the same issue. in UX, i have a button, once i click it, it will run ajax callback, at the end of xbasic function, i put functionname="{dialog.Object}.closeContainerWindow(this);"
it is not wokring, and get error message....Anyone can help me?

If I read your problem correctly you placed a javascript function in your xbasic code ... I don't believe you can do this. Try making another javascript action for your button (inline javascript). Makes sure you run the actions synchronously.

[jennygong]

Re: Closing popups

If I read your problem correctly you placed a javascript function in your xbasic code ... I don't believe you can do this. Try making another javascript action for your button (inline javascript). Makes sure you run the actions synchronously.

This method usually works in grid component. If using your way, i could not find javascipt action insert button in UX component.

[rvanderbes]

Re: Closing popups

relying on 'this' to get a pointer to the dialog to close the window seems to be unreliable, particularly after a callback.

try picking the ID of a component on the dialog (any button, it doesn't matter which one) and use that to get a pointer to the dialog window:

// close window
var ele = {dialog.Object}.getPointer('BUTTON_SUBMIT');
{dialog.Object}.closeContainerWindow(ele);

[mixter]

Re: Closing popups

Both Mike Brown and Robert V have pointed the answer, thanks for that, sure helped me out!

In my case, I have a UX popup window that I want to close as the Submit button is clicked (i.e. close the window after the record is saved)

For the sake of clarity I've attached a screen shot for Jenny and others.

ClosePopupUX_OnSubmit.png

which shows, on the Submit button Click event

create two inline Javascript

and make sure "Run actions synchronously" is checked true

+ Add New Action
-- Ajax Callbacks and Javascript
---- Inline-Javascript

the code inside the first Inline-Javascript is

{dialog.object}.submit();


the code inside the second Inline-Javascript is

var ele = {dialog.Object}.getPointer('BUTTON_SUBMIT');
{dialog.Object}.closeContainerWindow(ele);



This also requires that in your Server Side Events
in "afterDialogValidate"
you have the usual server side action script which saves the record

i.e.

ExecuteServerSideAction("Save Data::Save_Submitted_Data_to_Table_s_")