Click here to Skip to main content
15,910,083 members

Comments by devcode007 (Top 20 by date)

devcode007 26-Feb-15 17:28pm View    
this should give you the idea.
http://jqueryui.com/dialog/#modal-form
devcode007 26-Feb-15 16:24pm View    
so i assume it is working for you now.
Regarding popup styling, you need to look at Jquery's dialog API since i dont have any knowledge at top of my head regarding that.
devcode007 26-Feb-15 16:19pm View    
Deleted
you need to debug it then... are you atleast entering in showDialog() call ? and then probable error is while calling dialogue method ?
devcode007 26-Feb-15 15:59pm View    
It is working at my side. If you could copy paste above code, is it still not working for you ?
devcode007 26-Feb-15 15:33pm View    
TRY THIS -----. You dont need to have another page. Below is short-quick code of opening jqeury dialogue. You must ensure that you add Jquery references used

<head runat="server">
<title></title>
<link href="Styles/jquery-ui-1.11.2.css" rel="stylesheet" type="text/css" />
<script src="Scripts/jquery-1.8.3.min.js" type="text/javascript"></script>
</head>
<body>
<form id="form1" runat="server">
<input id="btnAddNewSearch" type="button" />
</form>
<div id="dialog-NewTireSearch" style="display: none; overflow: hidden">
</div>
<script type="text/javascript" src="Scripts/jquery-ui-1.11.2.js"></script>

<script language="javascript" type="text/javascript">


function showDialog() {
$("#dialog-NewTireSearch").html('dialoge');
$("#dialog-NewTireSearch").dialog({
resizable: false,
height: 150,
modal: false,
autoOpen: true,
buttons: {
Close: function () {
$(this).dialog("close");
}
}
});
}



</script>
</body>