Skip to Content

Disable Background screen on a popup window

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

Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

1 Answer

  • Best Answer
    May 18, 2017 at 06:49 AM

    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)

    Add comment
    10|10000 characters needed characters exceeded