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:

2 comments:

  1. I tried your suggestion of setting the panel display to none but I am still seeing the shifting. Any suggestions.

    Thanks.

    ReplyDelete
  2. Ok, can you provide a sample code for a design that isnt displayed right?

    My guess is that there are some components that are hidden by eg. ajax, but still take up space on your page.

    /Tomas

    ReplyDelete