Wednesday, February 8, 2012
Quick tip: PopupControlExtender displays popup in wrong position
When using multiple PopupControlExtenders in a page the positioning of the popup panels might get a little bit shifted, as shown in the filter example. (Using Position="Bottom")
One way to make sure this doesn't happen is to always set a css-class with the style "display: none;" on all panels that will be used as popups. This will fix the alignment, and will also remove the flicker of the control when loading the page:
Etiketter:
Ajax,
Popup,
PopupControlExtender
Subscribe to:
Post Comments (Atom)
I tried your suggestion of setting the panel display to none but I am still seeing the shifting. Any suggestions.
ReplyDeleteThanks.
Ok, can you provide a sample code for a design that isnt displayed right?
ReplyDeleteMy guess is that there are some components that are hidden by eg. ajax, but still take up space on your page.
/Tomas