I have an asp.net page that I am using on an iPad. The page uses the modalPopUpExtender on a button click. I am using the May 2011 release of the AJAX Control Toolkit for .Net 3.5. The modal panel displays, but it is always at the top of the screen instead
of in the center of the display. So on long pages, if the users clicks a button on the bottom of the page, they need to scroll back up to the top to interact with the panel. Does anyone know a solution to this issue? Thanks in advance.
Try by setting the left and top attributes (to some appropriate value as per your need), to the Popup control given to Modal Popup, i.e. the target panel which pops up.
You can set left and top on panel like this <asp:Panel runat="server" ID="Panel1" style="left:50px; top:100px" >....</asp:Panel>
Thanks for you reply, but it doesn't seem to have any effect on the positioning of the panel. It still shows up basically centered toward the top. It seems like it is centered perfectly in the first viewable window, but when scrolled down on a long page
it gives the appearance as if nothing happened. From what I've been reading, it seems to have something to do with the fact that the mobile Safari browser is a viewport. But I haven't found a way around it yet.
The ASP.NET AJAX Control Toolkit is a shared source project built on top of the Microsoft ASP.NET AJAX framework. It is a joint effort between Microsoft and the ASP.NET AJAX community that provides a powerful infrastructure to write reusable, customizable
and extensible ASP.NET AJAX extenders and controls, as well as a rich array of controls that can be used out of the box to create an interactive Web experience.
As we know the software should be downward compatible when the latest version is released. So, if the AjaxControlToolkit is not working in the iPhone OS 3.0 beta 5 on your side, you need to ask help from the support of Safari, not here. http://www.apple.com/support/
</div>
Chetan Sarode
Senior Software Engineer,
Approva Systems Pvt Ltd, Pune, India.
I have looked through resources all over the Intranet and have considered contacting Apple support. However, I figured I'd try here first since this is the community that uses this library the most. As well as hoping someone had already come across this
problem, I figured it would also potentially help future developers who need to port their applications to mobile devices.
I am having the exact same problem. On "regular" page the modal popup shows up correctly in the middle of the screen. But if you have the viewport set then it displays at the top of the screen vs where the user is looking at the page...
I was able to use the X and Y properties of the control itself to set a fixed position on the screen which helped me a little.
I'm working with the same problem, I have resolved with two <div> inside the control your modalpopupextender is controling (modalPanel). The first one must have
position:absolute; left:100%; top:100% and inside the first the second one must be position:absolute;
left:-50%; top:-50%. Your modalPanel must have
position:relative
It appears safari is positioning the control in the center of a imaginary window in the first quarter of the screen
emiddle
Member
14 Points
3 Posts
Modalpopupextender position on iPad
May 19, 2011 04:12 PM|LINK
I have an asp.net page that I am using on an iPad. The page uses the modalPopUpExtender on a button click. I am using the May 2011 release of the AJAX Control Toolkit for .Net 3.5. The modal panel displays, but it is always at the top of the screen instead of in the center of the display. So on long pages, if the users clicks a button on the bottom of the page, they need to scroll back up to the top to interact with the panel. Does anyone know a solution to this issue? Thanks in advance.
hassanmehmoo...
Star
8970 Points
1590 Posts
Re: Modalpopupextender position on iPad
May 19, 2011 07:39 PM|LINK
Hi,
Try by setting the left and top attributes (to some appropriate value as per your need), to the Popup control given to Modal Popup, i.e. the target panel which pops up.
You can set left and top on panel like this <asp:Panel runat="server" ID="Panel1" style="left:50px; top:100px" >....</asp:Panel>
--
Hope this helps..
Mark as Answer, if it answers you..
--
emiddle
Member
14 Points
3 Posts
Re: Modalpopupextender position on iPad
May 19, 2011 09:22 PM|LINK
Thanks for you reply, but it doesn't seem to have any effect on the positioning of the panel. It still shows up basically centered toward the top. It seems like it is centered perfectly in the first viewable window, but when scrolled down on a long page it gives the appearance as if nothing happened. From what I've been reading, it seems to have something to do with the fact that the mobile Safari browser is a viewport. But I haven't found a way around it yet.
chetan.sarod...
All-Star
65839 Points
11163 Posts
Re: Modalpopupextender position on iPad
May 20, 2011 03:06 AM|LINK
Hi ,
The ASP.NET AJAX Control Toolkit is a shared source project built on top of the Microsoft ASP.NET AJAX framework. It is a joint effort between Microsoft and the ASP.NET AJAX community that provides a powerful infrastructure to write reusable, customizable and extensible ASP.NET AJAX extenders and controls, as well as a rich array of controls that can be used out of the box to create an interactive Web experience.
Based on my testing, the Toolkit can work well in the Safari version 3.2.1 and the 4 beta (for Windows).
http://www.asp.net/ajax/ajaxcontroltoolkit/samples/
As we know the software should be downward compatible when the latest version is released. So, if the AjaxControlToolkit is not working in the iPhone OS 3.0 beta 5 on your side, you need to ask help from the support of Safari, not here.
</div>http://www.apple.com/support/
Senior Software Engineer,
Approva Systems Pvt Ltd, Pune, India.
emiddle
Member
14 Points
3 Posts
Re: Modalpopupextender position on iPad
May 20, 2011 02:31 PM|LINK
I have looked through resources all over the Intranet and have considered contacting Apple support. However, I figured I'd try here first since this is the community that uses this library the most. As well as hoping someone had already come across this problem, I figured it would also potentially help future developers who need to port their applications to mobile devices.
hfamili
Member
66 Points
44 Posts
Re: Modalpopupextender position on iPad
Jun 03, 2011 06:31 PM|LINK
I am having the exact same problem. On "regular" page the modal popup shows up correctly in the middle of the screen. But if you have the viewport set then it displays at the top of the screen vs where the user is looking at the page...
I was able to use the X and Y properties of the control itself to set a fixed position on the screen which helped me a little.
Alex.
Quetzamnaaj
Member
4 Points
2 Posts
Re: Modalpopupextender position on iPad
Dec 11, 2012 07:05 PM|LINK
Sorry for my english
I'm working with the same problem, I have resolved with two <div> inside the control your modalpopupextender is controling (modalPanel). The first one must have position:absolute; left:100%; top:100% and inside the first the second one must be position:absolute; left:-50%; top:-50%. Your modalPanel must have position:relative
It appears safari is positioning the control in the center of a imaginary window in the first quarter of the screen