Comments on: ModalPopupExtender does not display at the center

By: Adhie

Adhie — Tue, 02 Sep 2008 05:07:44 +0000

Misterious DocType, you solve my problem, I though was useless code, and I remove any response.write on header page.

Initially my page contain popupextender was out. Now comes back.

Thanks for your posting, helpful. And please distribute this.

By: Ramesh Bhaskar

Ramesh Bhaskar — Tue, 12 Aug 2008 13:28:06 +0000

@Alhambra

The right way to center it would be to use the DOCTYPE. As for the TreeView not rendering correctly if you use a DOCTYPE, is it possible that there is some other css that is causing it to fail in rendering properly? The other option is the manually calculate the co-ordinates and position it on your page (by setting css attributes for top and left) of the panel. I’ve tried the latter and it is terribly cumbersome.

By: alhambra

alhambra — Tue, 12 Aug 2008 13:04:17 +0000

Hi mister,

if I use DOCTYPE in my master Page, my modalpopupextender working fine, render at the center of the screen.

but I delete the doctype, not render at the center of the screen.

I have a aspx page that use a Treeview, if a use DOCTYPE not render right.

I don’t want use Doctype, how I get render at the center of the screen my ModalpopupExtender ??

Thanks in advance. Greetings.

By: Ramesh

Ramesh — Wed, 06 Aug 2008 10:25:46 +0000

Thanks for the solution. It works fine for me.

By: Thiagu

Thiagu — Thu, 24 Jul 2008 23:23:48 +0000

Hey, it is not working for me.
I am able to get the modal popup at the center of the page in IE 6. but in IE7 & IE8, it is not
coming in the center.
while googling i got some suggestions, like modifying getClientBound function in the .js script.
I am not able to findout the .js script file locations.
Could you please help me out.

By: Kent

Kent — Wed, 16 Jul 2008 17:16:37 +0000

Is it me or is it just silly that when they “center” they put the left edge on the center and the top on the center rather than putting the center truly at half the height and half the width. You can modify this yourself using a negative margin but the drop shadow does not work then and you must create your own.

By: Ramesh Bhaskar

Ramesh Bhaskar — Fri, 28 Mar 2008 18:23:07 +0000

@Yechiel
I tried something similar in Firefox but it seemed to work fine for me. This used to happen before I made a change to the DLL itself.

By: Yechiel Zidell

Yechiel Zidell — Fri, 28 Mar 2008 15:51:19 +0000

Hi ramaesh,

I am having a very difficult time with a modalPopup centering issue.
I have several modalPopups on the page - they all work fine.
I also have a grid with an icon in each row that displays a modalPopup as well.
When I launch the modalPopup from the grid in ie, it centers properly in the middle of browser page.
However in FireFox, it centers the top left corner of modalPopup in the middle of the page causing the modalPopup to appear in lower right portion of the page.

Can you please help me?
I would greatly appreciate it.

By: Ramesh Bhaskar

Ramesh Bhaskar — Thu, 20 Mar 2008 22:39:54 +0000

@TC
The problem I was facing was because my Page.Load event had some contents being written out to the response stream via Response.Write. What happens here is that whatever you have pushed out using Response.Write gets written as the first thing on your page (If you do a view source of your page you will notice that). Therefore, for the DOCTYPE to truly be the first thing on your page, you first use Response.Write to push your it out.

Note: This solves the issue only if it is the same as the problem I was facing. Also, make sure you are using the right DOCTYPE.

By: TC

TC — Thu, 20 Mar 2008 16:48:28 +0000

What does it mean to Response.Write and Flush your DOCTYPE tag first?