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..?
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...
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..
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
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
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
Feedback to us
Develop and promote your apps in Windows Store