Discussion :

[Juju54350]

Bonjour,


Sur une page .aspx, j'affiche un ModalPopupExtender en cliquant sur un bouton. Dans celui-ci, il y a un formulaire avec des validators. Mais quand je clique sur le bouton dans la popup, les validators s'affichent bien mais derrière le MPE.
J'ai vu sur Internet qu'on devait changer la propriété "z-index" du MPE pour que ça soit rétabli mais je ne vois pas comment faire.

Ceci dit avec Firebug, si j'enlève cette propriété, le VCE s'affiche bien dans la popup et plus derrière...

Quelqu'un a-t-il une idée sur ce sujet ?

Merci d'avance de votre aide.

[calagan99]

Dans ModalPopupExtender, il y a "Modal". Et qui dit "modal" dit "au premier plan"...
Ce comportement est donc normal.

Tu peux toujours essayer de modifier son z-index via une fonction js genre :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
    function LowerMPEZindex() {
        var behaviour = $find('IDMPE');
        if (behaviour) {
            behaviour._backgroundElement.style.zIndex = 10;
            behaviour._foregroundElement.style.zIndex = 10;
        }
    }

[Juju54350]

J'ai bien mis ton code sur ma page (c'est une MasterPage) mais rien ne se passe. Je ne comprends pas trop quelles valeurs mettre à "backgroundElement" et à "foregroundElement".

[calagan99]

Rien ne se passera si tu n'appelles pas la fonction...

Par exemple, en admettant que le bouton sur lequel tu cliques pour ouvrir ta popup soit un asp:linkbutton, tu peux faire :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<asp:LinkButton runat="server" id="LB1" OnClientClick="javascipt:LowerMPEZindex();"></asp:LinkButton>

Il faut bien sûr que tu adaptes ça à ton code.
De même que tu dois préciser l'id de ta modalpopup dans la fonction js de mon précédent message.

[Juju54350]

En fait, je ne suis pas obligé d'appeler la fonction, je peux aussi faire comme ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
<script type="text/javascript">
$(document).ready(function() {
    $("#ctl00_BtnUpdate").click(function() {
        $("#ctl00_BtnLogin_ModalPopupExtender_backgroundElement").css("z-index", 1000);
    });
});
</script>

Mais bon ça ne marche pas comme je veux, c'est à partir du moment où je clique que les validators doivent se positionner dans le ModalPopup.