Skip to Content

Disable Background screen on a popup window

May 17, 2017 at 03:38 PM


avatar image

Hello Experts,

I am working on Design Studio.

I have a scenario like below:

When I click on a button an image window pops up. In other scenario, a table window pops up. My requirement is that when image/table window pops up, entire dashboard other than image/table window should be disable like APPLICATION.alert() functionality.

Kindly see the attached image for reference.

Please advise.

Thanks and Regards,


10 |10000 characters needed characters left characters exceeded
* Please Login or Register to Answer, Follow or Comment.

1 Answer

Best Answer
Koen Hesters May 18, 2017 at 06:49 AM


you can try this

global variable: step by default 0 integer.

button code on event:

if (step == 0)  {
	BUTTON_1.setText("Hide popup");
	step = 1;
} else {
	BUTTON_1.setText("Show popup");
	step = 0;

POPUP_1 is your popupwindow

TEXT_3 is your screen disabling your dashboard, make sure only your button is set below your TEXT_3 component, set it initially as visible=false, additionally I set style of my component as : background-color: black;

RESULT: when click on show popup button-> popup shows-> button is still showing to set it of-> background is disabled (visually)

Show 1 Share
10 |10000 characters needed characters left characters exceeded

Dear koen,

Thanks a lot for your response.

You have explained in a very nice way and it's working perfectly fine :) .