You must Sign In to post a response.
  • Category: ASP.NET

    How to hide the popup on outside click

    i have one popup in pageload.

    When i click outside the panel, the popup gets disappeared.

    Narasiman P

    please help me. for that how can i do.
  • #762850
    Hello Rao,

    Can you please clear your query whether you want to hide the popup on outside click or When you click outside the panel, the popup gets disappeared..??

    Your query is creating confusion.

    Elaborate your query properly.

    Nirav Lalan
    DNS Gold Member
    "Failure is the path of least persistence"

  • #762852
    Hi rao,

    I assume that when you open popup you hide background activities using some css styles right?

    Now, you want to click on that background you want to hide your panel at the same time your background css too right?

    If that is your requirement use below sample Jquery function to accomplish your task.

    $(function () {
    $('.PnlBackgroundCss').click(function () {
    return false;

    In above sample "PnlBackgroundCss" is the background css style of panel and "PnlID" is the Panel ID.

    Hope this will helpful to you...

    Give respect to your work, Instead of trying to impress your boss.

    Blog :

  • #762870
    Hai Narasiman,
    It seems that when you click outside, the popup window goes back of your current page. So you need to open the popup as Dialog Box so that it will be at the top and will not be disappear when you click anywhere else outside of the form.
    Hope it will be helpful to you.

    Pawan Awasthi(DNS MVM)
    +91 8123489140 (whatsApp), +60 14365 1476(Malaysia)

Sign In to post your comments