Close The Popup_Editor

Close The Popup_Editor

  

I am Having problem with closing the Popup editor 

This Is the Main Screen:

Which when i click the image its open the popup page like this 

Popup Screen:

The problem is that when i click outside the popup box it (popup) dose not close 

I've already used the Java code which is this.

SyntaxEditor Code Snippet

$('.os-internal-ui-widget-overlay').on('click',function() 
{ parent.RichWidgets_Popup_Editor_Close(); });

but still its not closing so can anybody help me with this problem ?!


Best Regard

Hind Ahmed   

hind Ahmed wrote:

I am Having problem with closing the Popup editor 

This Is the Main Screen:

Which when i click the image its open the popup page like this 

Popup Screen:

The problem is that when i click outside the popup box it (popup) dose not close 

I've already used the Java code which is this.

SyntaxEditor Code Snippet

$('.os-internal-ui-widget-overlay').on('click',function() 
{ parent.RichWidgets_Popup_Editor_Close(); });

but still its not closing so can anybody help me with this problem ?!


Best Regard

Hind Ahmed   

Hello Hind,

How are you? This is P9, right? 

Why you don't use a link with image inside and add an action to the link and use PopupClose in Reachwidgets actions?

Like this:



I hope that helps.

Kind Regards

Miguel Vicente

Miguel Vicente wrote:

hind Ahmed wrote:

I am Having problem with closing the Popup editor 

This Is the Main Screen:

Which when i click the image its open the popup page like this 

Popup Screen:

The problem is that when i click outside the popup box it (popup) dose not close 

I've already used the Java code which is this.

SyntaxEditor Code Snippet

$('.os-internal-ui-widget-overlay').on('click',function() 
{ parent.RichWidgets_Popup_Editor_Close(); });

but still its not closing so can anybody help me with this problem ?!


Best Regard

Hind Ahmed   

Hello Hind,

How are you? This is P9, right? 

Why you don't use a link with image inside and add an action to the link and use PopupClose in Reachwidgets actions?

Like this:



I hope that helps.

Kind Regards

Miguel Vicente

Hello Miguel Vicente

I am fine thanks 

What do you mean by P9 ?! 

I actually linked the image to the popup page and i used an action that holds Popup Editor Notify and Popup Editor Close

But when i linked the image to the action with Popup editor close its show me this error message and the Popup doesn't show !! 


So what do you think the problem is ?!

Thanks again 

Best Regard

Hind Ahmed 

Good Morning,

when i mention "P9" I was saying the version of the platform.

Do you have the the popupwidget inside the link? 

Do you have ajax submit in the smile? 

Example: https://muxdev.outsystems.net/PreviewInDevices/?DeviceName=Smartphone&URL=/Users/LogoutAdmin.aspx?URL=https://muxdev.outsystems.net/BackToTop/WebScreen1.aspx

Best Regards,

Miguel Vicente

Miguel Vicente wrote:

Good Morning,

when i mention "P9" I was saying the version of the platform.

Do you have the the popupwidget inside the link? 

Do you have ajax submit in the smile? 

Example: https://muxdev.outsystems.net/PreviewInDevices/?DeviceName=Smartphone&URL=/Users/LogoutAdmin.aspx?URL=https://muxdev.outsystems.net/BackToTop/WebScreen1.aspx

Best Regards,

Miguel Vicente

Hello and good morning Miguel

Yah Its P9 ..

Actually its linked to the popup page, also the smiles its works (in which it close) and i changed it to ajax submit . 

only when i click outside the popup smile page it dose not close how can i fix this issue ?!

for example if i don't want to chose one of the smiles i can click outside the smile box itself and then its close. 


Best Regard

Hind Ahmed 

Hi Hind,

I'm sorry I didn't get what you really want. That is simple. You just need to execute this code:

$('.os-internal-ui-widget-overlay').click(function() {

window.parent.RichWidgets_Popup_Editor_Close();

});

Thank you,

Best Regards,

Miguel Vicente

Miguel Vicente wrote:

Hi Hind,

I'm sorry I didn't get what you really want. That is simple. You just need to execute this code:

$('.os-internal-ui-widget-overlay').click(function() {

window.parent.RichWidgets_Popup_Editor_Close();

});

Thank you,

Best Regards,

Miguel Vicente

Hello Miguel

sorry for my bad explanation ..

OK what i want is that  

This page the 'Happiness Index" is the main page.

Once i click the image its opening the popup window.

The Problem is that when i don't want to chose any of those "Happy", "Neutral" AND "Unhappy" given choices. 

I should be able to click outside the popup window and it should close. My purpose is to make the popup window to close on click outside. Can't figure it out.

I used the java-Script But Still. 

SyntaxEditor Code Snippet

$(document).ready(function() {
$('body').on('click', '.os-internal-ui-widget-overlay', function() { parent.RichWidgets_Popup_Editor_Close(); });
});

SyntaxEditor Code Snippet

$('.os-internal-ui-widget-overlay').click(function() {
window.parent.RichWidgets_Popup_Editor_Close();
});

Everything is working fine except this issue, so how can i fix this issue.  

Thanks 

Best Regard

Hind Ahmed 

I attached the file anybody can help me with this issue ?????

best Regard

Hind Ahmed 

Hello Hind,

https://muxdev.outsystems.net/PreviewInDevices/?DeviceName=Smartphone&URL=/PopupClose/Home.aspx?_ts=636123934171650682

Here you have the solution:

In your popup preparation you need to add a runjavascript action and add this code:


$(window.parent.document).find('.os-internal-ui-widget-overlay').click(function () { 
$(this).parent().find('.os-internal-ui-dialog-titlebar-close-no-title')[0].click();
});


Thank you,

Regards,

Miguel Vicente

Miguel Vicente wrote:

Hello Hind,

https://muxdev.outsystems.net/PreviewInDevices/?DeviceName=Smartphone&URL=/PopupClose/Home.aspx?_ts=636123934171650682

Here you have the solution:

In your popup preparation you need to add a runjavascript action and add this code:


$(window.parent.document).find('.os-internal-ui-widget-overlay').click(function () { 
$(this).parent().find('.os-internal-ui-dialog-titlebar-close-no-title')[0].click();
});


Thank you,

Regards,

Miguel Vicente

It Didn't work but thank you very much for your help and corporation i appreciate that.

Best Regard

Hind Ahmed