i have a problem with jquery modal window. i have a modal window in which a rad grid is used. it will pop up on button click. but it doesn't work fine for me.
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="forecastnew.aspx.cs" Inherits="BJSForecast.forecastnew" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>
.auto-style1 { width: 100%; }
.modalBackground
{
background-color: Black;
filter: alpha(opacity=90);
opacity: 0.8;
}
.modalPopup
{
background-color: #FFFFFF;
border-width: 3px;
border-style: solid;
border-color: black;
padding-top: 10px;
padding-left: 10px;
width: 300px;
height: 140px;
}
</style>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
$(function () {
$( "#btn_choose" )
.button()
.click(function() {
$("#custmer").dialog({
modal: true,
buttons: {
Ok: function () {
$(this).dialog("close");
}
}
});
});
});
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<table class="auto-style1">
<tr>
<td colspan="2">
<asp:Panel ID="Panel1" runat="server" BorderColor="#000066" BorderStyle="Solid" BorderWidth="1px">
<table class="auto-style1">
<tr>
<td style="width:15%">Customer No.</td>
<td style="width:10%">Customer Name</td>
<td style="width:10%">Current Month</td>
<td style="width:10%">ForecastID</td>
<td style="width:10%">Submitted</td>
<td style="width:10%">Accepted</td>
</tr>
<tr>
<td>
<asp:TextBox ID="txt_custNo" runat="server" OnTextChanged="txt_custNo_TextChanged"></asp:TextBox>
<asp:Button ID="btn_choose" runat="server" Text="..." BackColor="#333399" />
</td>
<td>
<asp:Label ID="lbl_custName" runat="server"></asp:Label>
</td>
<td>
<asp:Label ID="lbl_month" runat="server"></asp:Label>
</td>
<td>
<asp:Label ID="lbl_forecastId" runat="server"></asp:Label>
</td>
<td> </td>
<td> </td>
</tr>
</table></asp:Panel>
</td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td colspan="2"> </td>
</tr>
<tr>
<td colspan="2">
" SelectCommand="SELECT [cmp_code] , [cmp_name] FROM [cmpny] ">
</td>
</tr>
</table>
</div>
</form>