This is a migrated thread and some comments may be shown as answers.

How to use jQuery dialog instead of Radwindow

2 Answers 170 Views

Window

This is a migrated thread and some comments may be shown as answers.

2 Answers, 1 is accepted

answered on 13 Mar 2013, 07:37 AM

Hello,

Please check the following code that display a jQuery dialog on button click and load a page inside the dialog.

ASPX:

<head runat="server">

<title></title>

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" />

<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>

<script type="text/javascript" src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>

</head>

<body>

<form id="form1" runat="server">

<asp:ScriptManager ID="ScriptManager1" runat="server">

</asp:ScriptManager>

<div>

<asp:Button ID="btnOpenMe" runat="server" Text="Click Me to open Dialog box" />

<div id="dialog" title="My Dialog Title">

</div>

</form>

</body>

JavaScript:

<script type="text/javascript">

$(document).ready(function () {

$("#dialog").dialog({ autoOpen: false });

$("#<%=btnOpenMe.ClientID%>").click(

function () {

$("#dialog").load('Default.aspx');

$("#dialog").dialog('open');

return false;

}

);

});

</script>

Thanks,
Princy.

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

How to use jQuery dialog instead of Radwindow

2 Answers, 1 is accepted