Mobile ModalPopupExtender?

Question

Je rencontre un problème avec ModalPopupExtender lorsqu'il est affiché sur un périphérique à petit écran. La hauteur des modales ne redimensionne pas pour s'adapter à la fenêtre visible. Parce qu'il est centré, le haut et le bas du modal sont tronqués. Essayer de faire défiler seulement défile la page sous-jacente pas le modal. Quelqu'un a-t-il rencontré cela ou a-t-il des suggestions sur un correctif?

Answer 1

j'ai décidé de le manipuler à l'aide d'une série de questions des médias ....

.sModalCnt {max-height:480px;overflow-y:auto} 
@media only screen and (max-height:600px) { 
    .sModalCnt {max-height:380px} 
} 
@media only screen and (max-height:500px) { 
    .sModalCnt {max-height:280px} 
} 
@media only screen and (max-height:400px) { 
    .sModalCnt {max-height:180px} 
} 
@media only screen and (max-height:300px) { 
    .sModalCnt {max-height:80px} 
} 

Answer 2

Vous devez définir le panneau de Po-pup pour utiliser les barres de défilement. Il y a 2 façon de le faire:

1. Définir une height fixe (ex: 500px) et overflow-auto en utilisant CSS.
2. Calculez la hauteur pup-up en utilisant JavaScript, vous devez toujours définir le overflow à auto avec CSS.

Voici un exemple de fonction JavaScript qui définit la hauteur à 90% de la hauteur de la page.

function pageLoad() { 
     $get('<%= Panel.ClientID %>').style.height = document.documentElement.clientHeight * 0.9 + "px"; 
}