I have basically the exact same setup as the popup extender example, with calendars inside the panels attached to text boxes.

Everthing is working fine except that the popup panels ficker on when the page loads.  You see the calendars for a brief moment then they are hidden.

Hi jcteague,

One of the first things that the PopupControlBehavior does is to hide your controls so they only show up when they're supposed to.  The flicker you see is the delay between when the page loads and when Atlas and our scripts load.  It wasn't made very clear in the sample page, but what we're doing there is initially setting the visibility of the panel containing our popup to hidden using its CSS style.  I think that doing something similar should fix your problems.

Thanks,
Ted

Yes - you should always try to make the CSS style of your element match what you want the page to look like initially.

Also, in your web.config, change debug in <compilation debug="true" .../> to "false" and try to run your website again.  Atlas is much faster when debug is turned off

I use style="display:none".

If you use style="visibility:hidden", the object still gets rendered (and therefore takes up space on the page) until it's style is set by the extender's javascript. It just isn't visible.

Height="0px"

.foo{ visibility: hidden; } 

Height="0px"

.foo{ visibility: hidden; } 

The style:"display:none" method in the .aspx page worked better for me. Even setting the Height and/or Width to 0px the empty space still shows up.

Regards.
Guilherme Duarte

Hi there Ted.

I did this, but it caused another problem: If I now click the button to display the popup, it's visibility is still hidden, so it doesn't show...  It just greys out the background like it normally would to display it.

What can I do to prevent this from happening?

I appreciate your answer.
 
Cheers,
Johann.


 

FuzzyYak - I have exactly the same problem. By setting the 'display:none' property in the CSS class, the popup never displays when it's activated.

To combat this, I ran a script at the bottom of the page to change it's CSS style to a style that doesn't contain the 'display:none'. Unfortunately, you also need to set a timeout to run this script - doing immediately doesn't do anything. Here it is:

1    <script language="javascript" type="text/javascript">
2        function fnSetClassName(sID, sClassName)
3        {
4            document.getElementById(sID).className = sClassName;
5        }
6        setTimeout("fnSetClassName('Panel3','modalPopup_Show')",100);
7    </script>

It's a bit of a work-around, but it does work. If anyone else has a better way of doing this I'd appreciate their input!! 

I've found that using 'display:none' in my CSS class causes the popup to never be displayed as you described.  However, if I instead add 'style="display:none" to the markup for the Panel I use as the PopupControl, everything works fine.  No flicker and the popup is displayed...  I don't understand why this works and it's not elegant, but it does work.

dbwinger,

I have the same problem 'display:none' in my CSS class causes the popup to never be displayed. as you suggested use the style but where is the style attribute for asp:panel.

 Try to surround your popup with a div and set its style to display:none and use its id as PopupControlID.

It seems to work better this way. 

so you mean dont use panel, instead use div tag? or panel inside div tag?