Programming Stuff: Show jQuery Modal Popup from Code behind (Server Side)

Wednesday, June 25, 2014

Introduction:

Here I will explain how to show jQuery ui modal popup from code behind or open jQuery modal popup from server side in asp.net using c#, vb.net.

To show modal popup from code behind we need to write the code like as shown below

<head>

<title>jQuery Show Modal Popup from code behind or server side</title>

function showmodalpopup() {

$("#popupdiv").dialog({

title: "jQuery Popup from Server Side",

width: 430,

height: 250,

modal: true,

buttons: {

Close: function () {

$(this).dialog('close');

}

});

};

</script>

</head>

<body>

<div>

<b> Welcome to Aspdotnet-Suresh.com</b>

</div>

<asp:Button ID="btnShowModal" runat="server" Text="Show Popup" OnClick="btnShowModal_Click" />

</div>

</form>

</body>

</html>

In code behind we need to write the code like as shown below

C# Code

protected void btnShowModal_Click(object sender, EventArgs e)

{

ScriptManager.RegisterStartupScript(this, GetType(), "Show Modal Popup", "showmodalpopup();", true);

}

VB.NET Code

Protected Sub btnShowModal_Click(ByVal sender As Object, ByVal e As EventArgs)

ScriptManager.RegisterStartupScript(Me, [GetType](), "Show Modal Popup", "showmodalpopup();", True)

End Sub

Demo

Home