Hi anvina,

Please share your code with HTML.

https://www.aspsnippets.com/Articles/JavaScript-windowopen-Display-Modal-Popup-Window.aspx

same code as above but instead of plain text place a button which has postback event

grey layer disappears if ther eis a postback control in child window opened 

Hi anvina,

You need to add below script in the page which is getting opened in new window.

JavaScript

<script type="text/javascript">
    function OpenDialog() {
        if (window.opener != null && !window.opener.closed) {
            window.opener.LoadModalDiv();
        }
    }
    window.onload = OpenDialog;
</script>

Hi Anand,

Thank you for your reply.

I have implemented the same solution mentioned by you like i had mentioned in my question.

Issue is even though on postback the grey div on parent appears again with the opendialog code......during the postback the grey layer disappears for a second and then appears after loadmodaldiv() executed after postback... so basically it disappears and appears during postback.

It is like a tubelight... during postback in the child window disappears for a second and appears once the loadmodaldiv executes ... i want to avoid that.

because i have tab controls in my child window.... everytime i navigate across tabs  there is flicker behind my screen when the grey layer disappears and appears and it does not look good.

Hi anvina,

It will behave like the way you said because what happens is the request goes to server side and page gets postbacked so div which is used for background black screen appears and hide so there is no solution for it as an alternative what you can do is use BootStrap Tabs or jQuery Tabs which wont postback the page and if you want to call server side methods then you need to make ajax call for requests to avoid the postback which will ignore the hide and show of black screen.

For BootStrap Tabs refer below article.

Simple Bootstrap Tabs example

For jQuery Tabs refer below article.

jQuery UI Tabs Navigation using Next Previous Buttons