Comment faire un panneau modal dans Asp.Net

Étape 1

Ouvrez le logiciel Visual Studio sur votre ordinateur de développement. Ouvrez l'application Web et cliquez sur le formulaire .NET que vous souhaitez utiliser pour ouvrir la fenêtre modale.

Étape 2

Faites glisser le contrôle du panneau de la boîte à outils à gauche vers le formulaire ouvert. Visual Studio dessine automatiquement le panneau, mais vous devez utiliser la souris pour redimensionner le panneau avec les dimensions appropriées.

Étape 3

Cliquez sur l'onglet "Afficher le code" pour passer au code HTML. Ajoutez la propriété suivante au code du panneau HTML:

id = "pnl"

Cette propriété crée un identifiant unique pour le panneau. Utilisez cette propriété dans le code JavaScript qui ouvre la fenêtre modale.

Étape 4

Copiez et collez le code suivant dans les balises HTML "head":

Étape 5

Revenez en mode Création de formulaire et faites glisser un contrôle de bouton de la boîte à outils vers le formulaire. Ce bouton ouvrira la fenêtre modale lorsque l'utilisateur cliquera dessus. Ajoutez la propriété suivante à la définition de la balise HTML du bouton:

OnClientClick = "openWindow ();"

Cette fonction exécute un code JavaScript et lorsque l'utilisateur clique sur le bouton.