Background of jquery popup is not working RSS

• • Reply
  

  karthikeyan-...

  0 Points

  3 Posts

  Background of jquery popup is not working

  Nov 05, 2012 08:07 AM|LINK

  Hi,

  I'm using jquery to to display a popup. It is working fine in normal webpage.

  But its not working when I'm using this in child form which uses masterpage.

  The css properties(top:0px; bottom:0px;right:0px;left:0px) is not working when Im used this with the masterpage... These CSS properties are applied only in content page, and its not covering entire webpage.. I'm trying to freez the background when the popup popuped up..

  Should i need to do something in masterpage or webpage..?

   

  Pls help me..

• • Reply
  

  urenjoy

  Star

  12171 Points

  1824 Posts

  Re: Background of jquery popup is not working

  Nov 05, 2012 08:20 AM|LINK

  You have to set container position fixed with left and top 0px and width and height 100% and set z index lower than popup.

  #mask
          {
              position: fixed;
              left: 0px;
              top: 0px;
              z-index: 4;
              opacity: 0.4;
              -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* first!*/
              filter: alpha(opacity=40); /* second!*/
              background-color: gray;
              display: none;
              width: 100%;
              height: 100%;
          }

  
  when popup is displayed, show this background container using js/jQuery.

  check following example:

  http://techbrij.com/772/show-modal-popup-edit-aspdotnet-gridview

  http://techbrij.com
  • Edited by urenjoy on Nov 05, 2012 08:22 AM
• • Reply
  

  karthikeyan-...

  0 Points

  3 Posts

  Re: Background of jquery popup is not working

  Nov 05, 2012 08:49 AM|LINK

  @urenjao: Thank u..

  The above code is existing with me.. and its not working when i tried with the child page which has masterpage, but its works fine with normal webform...

  This is not working when I'm uses the masterpage...

  is there  

• • Reply
  

  Amy Peng - M...

  Star

  10122 Points

  958 Posts

  Microsoft

  Re: Background of jquery popup is not working

  Nov 07, 2012 01:27 AM|LINK

  Hi,

  The following threads are similar to you, please try to refer to:
  http://stackoverflow.com/questions/11205590/jquery-working-in-aspx-normal-page-but-not-in-content-page .

  http://stackoverflow.com/questions/12789431/javascript-doesnt-work-in-content-page-that-use-masterpage.

  After that, if you question still can not be sloved, could you please provide more code to us?

  Regards,
  Amy Peng

  Please mark the replies as answers if they help or unmark if not.
  Feedback to us
  
  Develop and promote your apps in Windows Store
  
  
  • Edited by Amy Peng - MSFT on Nov 13, 2012 01:15 AM
  • Edited by karthikeyan-s on Nov 20, 2012 01:16 PM
  • Edited by Amy Peng - MSFT on Nov 30, 2012 12:29 AM
  • Edited by Young Yang - MSFT on Dec 11, 2012 02:40 AM