Disable Background screen on a popup window

[former_member193085]

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,

Nitesh

[kohesco · Accepted solution]

Hi,

you can try this

global variable: step by default 0 integer.

button code on event:

if (step == 0)  {
	BUTTON_1.setText("Hide popup");
	TEXT_3.setVisible(true);
	POPUP_1.show();
	step = 1;
} else {
	BUTTON_1.setText("Show popup");
	TEXT_3.setVisible(false);
	POPUP_1.hide();
	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)

[former_member193085 · Accepted solution]

Dear koen,

Thanks a lot for your response.

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

Regards,

Nitesh