We are developing a Web based product fully using your ASP.Net AJAX controls
I'm sending you the ASPX Design page code herewith, problem is
We have one RadCombobox (ID=dropDownView), Based on the Selected Item from dropDownView , We create dynamically so many Combobox Controls with Multiple Selection option.
Real problem is when I Select Item from dropDownView it takes so long to close the dropDownView.
Pls. go thru the design code & give me the soln. Where we need to use the RadAjaxPanel exactly?
Code Starts:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="AnswergenMain.aspx.cs" Inherits="Pages_AnswergenMain" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Charting" TagPrefix="telerik" %>
<%@ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
Namespace="System.Web.UI" TagPrefix="asp" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<%@ Register Assembly="dotnetCHARTING" Namespace="dotnetCHARTING" TagPrefix="dotnetCHARTING" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>answergen</title>
<link href="../CSS/BITools-Fonts.css" rel="stylesheet" type="text/css" />
<link href="../CSS/BITools.css" rel="stylesheet" type="text/css" />
<link href="../CSS/Dock.Hay.css" rel="stylesheet" type="text/css" />
<script src="../JavaScript/datetimepicker.js" type="text/javascript"></script>
<script type="text/javascript">
var startZone;
function ClientDragStart(dock, args)
{
startZone = dock.get_dockZone();
}
function ClientDragEnd(dock, args)
{
var index = dock.get_index();
var endZone = $find(dock.get_dockZoneID());
var docks = endZone.get_docks();
dock.set_dockZone(endZone);
for (var x=0; x < docks.length; x++) {
if (docks[x].get_id() != dock.get_id()) {
if (startZone.get_id() != endZone.get_id()) {
startZone.dock(docks[x]);
docks[x].set_dockZone(startZone);
}
}
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
<script type="text/javascript">
function pnlRequestStarted(ajaxPanel, eventArgs)
{
if(eventArgs.EventTarget == "imgExcel" || eventArgs.EventTarget == "imgPdf")
{
eventArgs.EnableAjax = false;
}
}
var supressDropDownClosing = false;
function OnClientDropDownClosing(sender, eventArgs)
{
eventArgs.set_cancel(supressDropDownClosing);
}
function OnClientSelectedIndexChanging(sender, eventArgs)
{
eventArgs.set_cancel(supressDropDownClosing);
}
function OnClientDropDownOpening(sender, eventArgs)
{
supressDropDownClosing = true;
}
function OnClientBlur(sender)
{
supressDropDownClosing = false;
sender.toggleDropDown();
}
function getItemCheckBox(item)
{
//Get the 'div' representing the current RadComboBox Item.
var itemDiv = item.get_element();
//Get the collection of all 'input' elements in the 'div' (which are contained in the Item).
var inputs = itemDiv.getElementsByTagName("input");
for (var inputIndex = 0; inputIndex < inputs.length; inputIndex++)
{
var input = inputs[inputIndex];
//Check the type of the current 'input' element.
if (input.type == "checkbox")
{
return input;
}
}
return null;
}
function CollectItems(combo,item)
{
var items = combo.get_items();
var selectedItemsTexts = "";
var selectedItemsValues = "";
var itemsCount = items.get_count();
for (var itemIndex = 0; itemIndex < itemsCount; itemIndex++)
{
var item = items.getItem(itemIndex);
var checkbox = getItemCheckBox(item);
//Check whether the Item's CheckBox) is checked.
if (checkbox.checked)
{
selectedItemsTexts += item.get_text() + ", ";
selectedItemsValues += item.get_value() + ", ";
}
}
selectedItemsTexts = selectedItemsTexts.substring(0, selectedItemsTexts.length - 2);
selectedItemsValues = selectedItemsValues.substring(0, selectedItemsValues.length - 2);
//Set the text of the RadComboBox with the texts of the selected Items, separated by ','.
combo.set_text(selectedItemsTexts);
//Set the comboValue hidden field value with values of the selected Items, separated by ','.
// document.getElementById(item).value = selectedItemsValues;
//Clear the selection that RadComboBox has made internally.
if (selectedItemsValues == "")
{
combo.clearSelection();
}
}
function SelectAllClick(selectallcombo,isSelect)
{
var selectallitems = selectallcombo.get_items();
var selectallitemsCount = selectallitems.get_count();
for (var itemIndex = 0; itemIndex < selectallitemsCount; itemIndex++)
{
var selectallitem = selectallitems.getItem(itemIndex);
var selectallcheckbox = getItemCheckBox(selectallitem);
selectallcheckbox.checked = isSelect;
}
}
function checkboxClick()
{
//debugger;
collectSelectedItems();
}
function collectSelectedItems()
{
var combo = $find("<%= drpChartValues.ClientID %>");
var item="comboValue";
CollectItems(combo,item);
}
function ChartSelectAllClick()
{
var selectallcombo = $find("<%= drpChartValues.ClientID %>");
SelectAllClick(selectallcombo,true);
collectSelectedItems();
}
function ChartUnSelectAllClick()
{
var selectallcombo = $find("<%= drpChartValues.ClientID %>");
SelectAllClick(selectallcombo,false);
collectSelectedItems();
}
//Drp Dimension1
function checkboxClick1()
{
collectSelectedItems1();
}
function collectSelectedItems1()
{
var combo1 = $find("<%= drpDimension1.ClientID %>");
var item="comboValue1";
CollectItems(combo1,item);
}
function Dim1SelectAllClick()
{
var selectallcombo1 = $find("<%= drpDimension1.ClientID %>");
SelectAllClick(selectallcombo1,true);
collectSelectedItems1();
}
function Dim1UnSelectAllClick()
{
var selectallcombo1 = $find("<%= drpDimension1.ClientID %>");
SelectAllClick(selectallcombo1,false);
collectSelectedItems1();
}
//Drp Dimension2
function checkboxClick2()
{
collectSelectedItems2();
}
function collectSelectedItems2()
{
var combo2 = $find("<%= drpDimension2.ClientID %>");
var item="comboValue2";
CollectItems(combo2,item);
}
function Dim2SelectAllClick()
{
var selectallcombo2 = $find("<%= drpDimension2.ClientID %>");
SelectAllClick(selectallcombo2,true);
collectSelectedItems2();
}
function Dim2UnSelectAllClick()
{
var selectallcombo2 = $find("<%= drpDimension2.ClientID %>");
SelectAllClick(selectallcombo2,false);
collectSelectedItems2();
}
//Drp Dimension3
function checkboxClick3()
{
collectSelectedItems3();
}
function collectSelectedItems3()
{
var combo3 = $find("<%= drpDimension3.ClientID %>");
var item="comboValue3";
CollectItems(combo3,item);
}
function Dim3SelectAllClick()
{
var selectallcombo3 = $find("<%= drpDimension3.ClientID %>");
SelectAllClick(selectallcombo3,true);
collectSelectedItems3();
}
function Dim3UnSelectAllClick()
{
var selectallcombo3 = $find("<%= drpDimension3.ClientID %>");
SelectAllClick(selectallcombo3,false);
collectSelectedItems3();
}
//Drp Dimension4
function checkboxClick4()
{
collectSelectedItems4();
}
function collectSelectedItems4()
{
var combo4 = $find("<%= drpDimension4.ClientID %>");
var item="comboValue4";
CollectItems(combo4,item);
}
function Dim4SelectAllClick()
{
var selectallcombo4 = $find("<%= drpDimension4.ClientID %>");
SelectAllClick(selectallcombo4,true);
collectSelectedItems4();
}
function Dim4UnSelectAllClick()
{
var selectallcombo4 = $find("<%= drpDimension4.ClientID %>");
SelectAllClick(selectallcombo4,false);
collectSelectedItems4();
}
//Drp Dimension5
function checkboxClick5()
{
collectSelectedItems5();
}
function collectSelectedItems5()
{
var combo5 = $find("<%= drpDimension5.ClientID %>");
var item="comboValue5";
CollectItems(combo5,item);
}
function Dim5SelectAllClick()
{
var selectallcombo5 = $find("<%= drpDimension5.ClientID %>");
SelectAllClick(selectallcombo5,true);
collectSelectedItems5();
}
function Dim5UnSelectAllClick()
{
var selectallcombo5 = $find("<%= drpDimension5.ClientID %>");
SelectAllClick(selectallcombo5,false);
collectSelectedItems5();
}
//Drp Dimension6
function checkboxClick6()
{
collectSelectedItems6();
}
function collectSelectedItems6()
{
var combo6 = $find("<%= drpDimension6.ClientID %>");
var item="comboValue6";
CollectItems(combo6,item);
}
function Dim6SelectAllClick()
{
var selectallcombo6 = $find("<%= drpDimension6.ClientID %>");
SelectAllClick(selectallcombo6,true);
collectSelectedItems6();
}
function Dim6UnSelectAllClick()
{
var selectallcombo6 = $find("<%= drpDimension6.ClientID %>");
SelectAllClick(selectallcombo6,false);
collectSelectedItems6();
}
//Drp Dimension7
function checkboxClick7()
{
collectSelectedItems7();
}
function collectSelectedItems7()
{
var combo7 = $find("<%= drpDimension7.ClientID %>");
var item="comboValue7";
CollectItems(combo7,item);
}
function Dim7SelectAllClick()
{
var selectallcombo7 = $find("<%= drpDimension7.ClientID %>");
SelectAllClick(selectallcombo7,true);
collectSelectedItems7();
}
function Dim7UnSelectAllClick()
{
var selectallcombo7 = $find("<%= drpDimension7.ClientID %>");
SelectAllClick(selectallcombo7,false);
collectSelectedItems7();
}
//Drp Dimension8
function checkboxClick8()
{
collectSelectedItems8();
}
function collectSelectedItems8()
{
var combo8 = $find("<%= drpDimension8.ClientID %>");
var item="comboValue8";
CollectItems(combo8,item);
}
function Dim8SelectAllClick()
{
var selectallcombo8 = $find("<%= drpDimension8.ClientID %>");
SelectAllClick(selectallcombo8,true);
collectSelectedItems8();
}
function Dim8UnSelectAllClick()
{
var selectallcombo8 = $find("<%= drpDimension8.ClientID %>");
SelectAllClick(selectallcombo8,false);
collectSelectedItems8();
}
//Drp Dimension9
function checkboxClick9()
{
collectSelectedItems9();
}
function collectSelectedItems9()
{
var combo9 = $find("<%= drpDimension9.ClientID %>");
var item="comboValue9";
CollectItems(combo9,item);
}
function Dim9SelectAllClick()
{
var selectallcombo9 = $find("<%= drpDimension9.ClientID %>");
SelectAllClick(selectallcombo9,true);
collectSelectedItems9();
}
function Dim9UnSelectAllClick()
{
var selectallcombo9 = $find("<%= drpDimension9.ClientID %>");
SelectAllClick(selectallcombo9,false);
collectSelectedItems9();
}
//Drp Dimension10
function checkboxClick10()
{
collectSelectedItems10();
}
function collectSelectedItems10()
{
var combo10 = $find("<%= drpDimension10.ClientID %>");
var item="comboValue10";
CollectItems(combo10,item);
}
function Dim10SelectAllClick()
{
var selectallcombo10 = $find("<%= drpDimension10.ClientID %>");
SelectAllClick(selectallcombo10,true);
collectSelectedItems10();
}
function Dim10UnSelectAllClick()
{
var selectallcombo10 = $find("<%= drpDimension10.ClientID %>");
SelectAllClick(selectallcombo10,false);
collectSelectedItems10();
}
//Drp Dimension11
function checkboxClick11()
{
collectSelectedItems11();
}
function collectSelectedItems11()
{
var combo11 = $find("<%= drpDimension11.ClientID %>");
var item="comboValue11";
CollectItems(combo11,item);
}
function Dim11SelectAllClick()
{
var selectallcombo11 = $find("<%= drpDimension11.ClientID %>");
SelectAllClick(selectallcombo11,true);
collectSelectedItems11();
}
function Dim11UnSelectAllClick()
{
var selectallcombo11 = $find("<%= drpDimension11.ClientID %>");
SelectAllClick(selectallcombo11,false);
collectSelectedItems11();
}
//Drp Dimension12
function checkboxClick12()
{
collectSelectedItems12();
}
function collectSelectedItems12()
{
var combo12 = $find("<%= drpDimension12.ClientID %>");
var item="comboValue12";
CollectItems(combo12,item);
}
function Dim12SelectAllClick()
{
var selectallcombo12 = $find("<%= drpDimension12.ClientID %>");
SelectAllClick(selectallcombo12,true);
collectSelectedItems12();
}
function Dim12UnSelectAllClick()
{
var selectallcombo12 = $find("<%= drpDimension12.ClientID %>");
SelectAllClick(selectallcombo12,false);
collectSelectedItems12();
}
</script>
</telerik:RadCodeBlock>
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel2" runat="server" Height="200px"
Width="200px" Skin="Office2007">
<%--<img alt="Loading..." src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading.gif") %>'
style="border: 0px;" />--%>
</telerik:RadAjaxLoadingPanel>
<div id="mainout" runat="server">
<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" Height="100%" Width="100%"
LoadingPanelID="RadAjaxLoadingPanel2" ClientEvents-OnRequestStart="pnlRequestStarted">
<!-- Begin Top Banner -->
<div id="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr style="background-color:#FFFFFF">
<td align="left" valign="middle" style="padding-left: 10px;">
<img src="../images/agLeftLogo.gif" alt=""/></td>
<td align="center" valign="middle">
<img src="../images/agMiddleLogo.gif" alt="" /></td>
<td align="right" valign="top">
<img src="../images/agRightLogo.gif" width="166" height="50" alt=""/></td>
</tr>
<tr bgcolor="#ff9900">
<td height="17">
<asp:Label ID="lblDateTime" runat="server" CssClass="date"></asp:Label></td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td height="6">
</td>
<td>
</td>
<td>
</td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="20" colspan="3">
<asp:LinkButton ID="LButton1" runat="server" OnClick="LinkButton_Click" CssClass="breadcrum"></asp:LinkButton>
<asp:LinkButton ID="LButton2" runat="server" OnClick="LinkButton_Click" CssClass="breadcrum"></asp:LinkButton>
<asp:LinkButton ID="LButton3" runat="server" OnClick="LinkButton_Click" CssClass="breadcrum"></asp:LinkButton>
<asp:LinkButton ID="LButton4" runat="server" OnClick="LinkButton_Click" CssClass="breadcrum"></asp:LinkButton>
<asp:LinkButton ID="LButton5" runat="server" OnClick="LinkButton_Click" CssClass="breadcrum"></asp:LinkButton>
<asp:LinkButton ID="LButton6" runat="server" OnClick="LinkButton_Click" CssClass="breadcrum"></asp:LinkButton>
<asp:LinkButton ID="LButton7" runat="server" OnClick="LinkButton_Click" CssClass="breadcrum"></asp:LinkButton>
<asp:LinkButton ID="LButton8" runat="server" OnClick="LinkButton_Click" CssClass="breadcrum"></asp:LinkButton>
<asp:LinkButton ID="LButton9" runat="server" OnClick="LinkButton_Click" CssClass="breadcrum"></asp:LinkButton>
<asp:LinkButton ID="LButton10" runat="server" OnClick="LinkButton_Click" CssClass="breadcrum"></asp:LinkButton>
<asp:LinkButton ID="LButton11" runat="server" OnClick="LinkButton_Click" CssClass="breadcrum"></asp:LinkButton>
<asp:LinkButton ID="LButton12" runat="server" OnClick="LinkButton_Click" CssClass="breadcrum"></asp:LinkButton>
</td>
</tr>
</table>
</div>
<!-- End Top Banner -->
<!-- Begin Tab -->
<div id="divTab">
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color: #ffffff;">
<tr>
<!-- Begin Tab Left Frame -->
<td width="207" align="left" valign="top">
<div id="Tableft">
<table width="191" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top">
</td>
</tr>
</table>
</div>
</td>
<!-- End Tab Left Frame -->
<!-- Begin Tab Right Frame -->
<td align="left" valign="top">
<div id="Tabright">
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td align="left" valign="top" colspan="3">
<telerik:RadTabStrip ID="RadTabStrip1" runat="server" AutoPostBack="True"
OnTabClick="RadTabStrip1_TabClick" SelectedIndex="0" ScrollChildren="True" ScrollButtonsPosition="Middle">
</telerik:RadTabStrip>
</td>
<td>
<table>
<tr>
<td>
<asp:ImageButton ID="imgExcel" runat="server" ImageAlign="Top" ToolTip="Save as Excel"
ImageUrl="~/images/Excel-16.gif" OnClick="cmdExcel_Click" />
</td>
<td>
<asp:ImageButton ID="imgPdf" runat="server" ImageAlign="Top" ToolTip="Save as PDF"
ImageUrl="~/Images/Reader-16.gif" OnClick="cmdPDF_Click" />
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</td>
<!-- End Tab Right Frame -->
</tr>
</table>
</div>
<!-- End Tab -->
<telerik:RadDockLayout ID="RadDockLayout1" runat="server" EnableEmbeddedSkins="false">
<div id="main1">
<%--<telerik:RadAjaxPanel ID="RadAjaxPanel2" runat="server" Height="100%" Width="100%"
LoadingPanelID="RadAjaxLoadingPanel2" ClientEvents-OnRequestStart="pnlRequestStarted">--%>
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color: #ffffff;"
class="tablebg">
<tr>
<!-- Begin Left Frame -->
<td width="207" align="left" valign="top">
<div id="mainleft">
<table width="191" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top">
<table width="191" cellspacing="0" cellpadding="0">
<tr>
<td class="Lftop-L">
</td>
<td class="Lftop-C">
</td>
<td class="Lftop-R">
</td>
</tr>
<tr>
<td class="Lfmid-L">
</td>
<td class="orange">
<table width="180" cellspacing="0" cellpadding="0" class="orange">
<tr>
<td align="center" valign="middle">
<asp:Label ID="Label1" runat="server"
Text="Views" CssClass="htext">
</asp:Label>
</td>
</tr>
<tr>
<td align="left" valign="top">
<telerik:RadComboBox ID="dropDownView"
runat="server" AutoPostBack="true" Width="170px"
HighlightTemplatedItems="true" EnableLoadOnDemand="true"
onselectedindexchanged="dropDownView_SelectedIndexChanged">
</telerik:RadComboBox>
</td>
</tr>
</table>
</td>
<td class="Lfmid-R">
</td>
</tr>
<tr>
<td class="Lfbot-L">
</td>
<td class="Lfbot-C">
</td>
<td class="Lfbot-R">
</td>
</tr>
<tr><td colspan="3"><br /></td></tr>
<tr>
<td class="Lftop-L">
</td>
<td class="Lftop-C">
</td>
<td class="Lftop-R">
</td>
</tr>
<tr>
<td class="Lfmid-L">
</td>
<td class="orange">
<table width="180" cellspacing="0" cellpadding="0" class="orange">
<tr>
<td align="center" valign="middle" class="orange">
<asp:Label ID="lblCaption" runat="server" Text="Dimensions" CssClass="htext"></asp:Label></td>
</tr>
<tr id="Line1" runat="server" width="180" cellspacing="0" cellpadding="0">
<td>
<table cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top">
<div>
<asp:Label ID="lblFilter1" runat="server" Text="Label" CssClass="ftext01" Visible="false"></asp:Label></div>
<div id="F90" visible="true" runat="server">
<telerik:RadComboBox runat="server" ID="drpDimension1" AllowCustomText="true" HighlightTemplatedItems="true"
Skin="Outlook" Width="170px" OnSelectedIndexChanged="drpDimension_SelectedIndexChanged"
AutoPostBack="true" MaxHeight="100px" Visible="false">
<HeaderTemplate>
<asp:CheckBox runat="server" ID="Dim1SelectAll" Text="Select All" onclick="if(this.checked){Dim1SelectAllClick();}else{Dim1UnSelectAllClick();}" />
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox runat="server" ID="CheckBox1" onclick="checkboxClick1();" Text='<%# DataBinder.Eval(Container, "Text") %>' />
</ItemTemplate>
</telerik:RadComboBox>
<%-- <asp:DropDownList runat="server" ID="drpDimension1"
Width="170px" OnSelectedIndexChanged="drpDimension_SelectedIndexChanged"
AutoPostBack="true" MaxHeight="100px" Visible="false">
<HeaderTemplate>
<asp:CheckBox runat="server" ID="Dim1SelectAll" Text="Select All" onclick="if(this.checked){Dim1SelectAllClick();}else{Dim1UnSelectAllClick();}" />
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox runat="server" ID="CheckBox1" onclick="checkboxClick1();" Text='<%# DataBinder.Eval(Container, "Text") %>' />
</ItemTemplate>
</asp:DropDownList>--%>
</div>
<div id="F91" visible="false" runat="server">
<table cellpadding="0" cellspacing="0">
<tr>
<td>
<asp:TextBox ID="txtFromF91" runat="server" ToolTip="From:" CssClass="tboxtext01"
Width="75px"></asp:TextBox>
<a href="javascript:NewCal('txtFromF91')">
<asp:Image ID="Image13" runat="server" ImageUrl="~/images/Calendar.bmp" /></a>
</td>
<td>
<asp:TextBox ID="txtUptoF91" runat="server" ToolTip="Upto:" CssClass="tboxtext01"
Width="75px"></asp:TextBox>
<a href="javascript:NewCal('txtUptoF91')">
<asp:Image ID="Image14" runat="server" ImageUrl="~/images/Calendar.bmp" /></a>
</td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td align="left" valign="top">
<div>
<asp:Label ID="lblFilter2" runat="server" Text="Label" CssClass="ftext01" Visible="false"></asp:Label></div>
<div id="F100" visible="true" runat="server">
<telerik:RadComboBox runat="server" ID="drpDimension2" AllowCustomText="true" HighlightTemplatedItems="true"
OnClientDropDownOpening="OnClientDropDownOpening" OnClientDropDownClosing="OnClientDropDownClosing"
OnClientSelectedIndexChanging="OnClientSelectedIndexChanging" OnClientBlur="OnClientBlur"
Skin="Outlook" Width="170px" AutoPostBack="true" OnSelectedIndexChanged="drpDimension_SelectedIndexChanged"
MaxHeight="100px" Visible="false">
<HeaderTemplate>
<asp:CheckBox runat="server" ID="Dim2SelectAll" Text="Select All" onclick="if(this.checked){Dim2SelectAllClick();}else{Dim2UnSelectAllClick();}" />
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox runat="server" ID="CheckBox2" onclick="checkboxClick2();" Text='<%# DataBinder.Eval(Container, "Text") %>' />
</ItemTemplate>
</telerik:RadComboBox>
</div>
<div id="F101" visible="false" runat="server">
<table>
<tr>
<td>
<asp:TextBox ID="txtFromF101" runat="server" ToolTip="From:" CssClass="tboxtext01"
Width="75px"></asp:TextBox>
<a href="javascript:NewCal('txtFromF101')">
<asp:Image ID="Image15" runat="server" ImageUrl="~/images/Calendar.bmp" /></a>
</td>
<td>
<asp:TextBox ID="txtUptoF101" runat="server" ToolTip="Upto:" CssClass="tboxtext01"
Width="75px"></asp:TextBox>
<a href="javascript:NewCal('txtUptoF101')">
<asp:Image ID="Image16" runat="server" ImageUrl="~/images/Calendar.bmp" /></a>
</td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td align="left" valign="top">
<div>
<asp:Label ID="lblFilter3" runat="server" Text="Label" CssClass="ftext01" Visible="false"></asp:Label></div>
<div id="F110" visible="true" runat="server">
<telerik:RadComboBox runat="server" ID="drpDimension3" AllowCustomText="true" HighlightTemplatedItems="true"
OnClientDropDownOpening="OnClientDropDownOpening" OnClientDropDownClosing="OnClientDropDownClosing"
OnClientSelectedIndexChanging="OnClientSelectedIndexChanging" OnClientBlur="OnClientBlur"
Skin="Outlook" Width="170px" AutoPostBack="true" OnSelectedIndexChanged="drpDimension_SelectedIndexChanged"
MaxHeight="100px" Visible="false">
<HeaderTemplate>
<asp:CheckBox runat="server" ID="Dim3SelectAll" Text="Select All" onclick="if(this.checked){Dim3SelectAllClick();}else{Dim3UnSelectAllClick();}" />
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox runat="server" ID="CheckBox3" onclick="checkboxClick3();" Text='<%# DataBinder.Eval(Container, "Text") %>' />
</ItemTemplate>
</telerik:RadComboBox>
</div>
<div id="F111" visible="false" runat="server">
<table>
<tr>
<td>
<asp:TextBox ID="txtFromF111" runat="server" ToolTip="From:" CssClass="tboxtext01"
Width="75px"></asp:TextBox>
<a href="javascript:NewCal('txtFromF111')">
<asp:Image ID="Image17" runat="server" ImageUrl="~/images/Calendar.bmp" /></a>
</td>
<td>
<asp:TextBox ID="txtUptoF111" runat="server" ToolTip="Upto:" CssClass="tboxtext01"
Width="75px"></asp:TextBox>
<a href="javascript:NewCal('txtUptoF111')">
<asp:Image ID="Image18" runat="server" ImageUrl="~/images/Calendar.bmp" /></a>
</td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td align="left" valign="top">
<div>
<asp:Label ID="lblFilter4" runat="server" Text="Label" CssClass="ftext01" Visible="false"></asp:Label></div>
<div id="F120" visible="true" runat="server">
<telerik:RadComboBox runat="server" ID="drpDimension4" AllowCustomText="true" HighlightTemplatedItems="true"
OnClientDropDownOpening="OnClientDropDownOpening" OnClientDropDownClosing="OnClientDropDownClosing"
OnClientSelectedIndexChanging="OnClientSelectedIndexChanging" OnClientBlur="OnClientBlur"
Skin="Outlook" Width="170px" AutoPostBack="true" OnSelectedIndexChanged="drpDimension_SelectedIndexChanged"
MaxHeight="100px" Visible="false">
<HeaderTemplate>
<asp:CheckBox runat="server" ID="Dim4SelectAll" Text="Select All" onclick="if(this.checked){Dim4SelectAllClick();}else{Dim4UnSelectAllClick();}" />
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox runat="server" ID="CheckBox4" onclick="checkboxClick4();" Text='<%# DataBinder.Eval(Container, "Text") %>' />
</ItemTemplate>
</telerik:RadComboBox>
</div>
<div id="F121" visible="false" runat="server">
<table>
<tr>
<td>
<asp:TextBox ID="txtFromF121" runat="server" ToolTip="From:" CssClass="tboxtext01"
Width="75px" Height="17px"></asp:TextBox>
<a href="javascript:NewCal('txtFromF121')">
<asp:Image ID="Image19" runat="server" ImageUrl="~/images/Calendar.bmp" /></a>
</td>
<td>
<asp:TextBox ID="txtUptoF121" runat="server" ToolTip="Upto:" CssClass="tboxtext01"
Width="75px" Height="17px"></asp:TextBox>
<a href="javascript:NewCal('txtUptoF121')">
<asp:Image ID="Image20" runat="server" ImageUrl="~/images/Calendar.bmp" /></a>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr id="Line2" runat="server">
<td>
<table cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top">
<div>
<asp:Label ID="lblFilter5" runat="server" Text="Label" CssClass="ftext01" Visible="false"></asp:Label></div>
<div id="F10" visible="true" runat="server">
<telerik:RadComboBox runat="server" ID="drpDimension5" AllowCustomText="true" HighlightTemplatedItems="true"
OnClientDropDownOpening="OnClientDropDownOpening" OnClientDropDownClosing="OnClientDropDownClosing"
OnClientSelectedIndexChanging="OnClientSelectedIndexChanging" OnClientBlur="OnClientBlur"
Skin="Outlook" Width="170px" AutoPostBack="true" OnSelectedIndexChanged="drpDimension_SelectedIndexChanged"
MaxHeight="100px" Visible="false">
<HeaderTemplate>
<asp:CheckBox runat="server" ID="Dim5SelectAll" Text="Select All" onclick="if(this.checked){Dim5SelectAllClick();}else{Dim5UnSelectAllClick();}" />
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox runat="server" ID="CheckBox5" onclick="checkboxClick5();" Text='<%# DataBinder.Eval(Container, "Text") %>' />
</ItemTemplate>
</telerik:RadComboBox>
</div>
<div id="F11" visible="false" runat="server">
<table>
<tr>
<td>
<asp:TextBox ID="txtFromF11" runat="server" ToolTip="From:" CssClass="tboxtext01"
Width="75px" Height="17px"></asp:TextBox>
<a href="javascript:NewCal('txtFromF11')">
<asp:Image ID="Image3" runat="server" ImageUrl="~/images/Calendar.bmp" /></a>
</td>
<td>
<asp:TextBox ID="txtUptoF11" runat="server" ToolTip="Upto:" CssClass="tboxtext01"
Width="75px" Height="17px"></asp:TextBox>
<a href="javascript:NewCal('txtUptoF11')">
<asp:Image ID="Image4" runat="server" ImageUrl="~/images/Calendar.bmp" /></a>
</td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td align="left" valign="top">
<div>
<asp:Label ID="lblFilter6" runat="server" Text="Label" CssClass="ftext01" Visible="false"></asp:Label></div>
<div id="F20" visible="true" runat="server">
<telerik:RadComboBox runat="server" ID="drpDimension6" AllowCustomText="true" HighlightTemplatedItems="true"
OnClientDropDownOpening="OnClientDropDownOpening" OnClientDropDownClosing="OnClientDropDownClosing"
OnClientSelectedIndexChanging="OnClientSelectedIndexChanging" OnClientBlur="OnClientBlur"
Skin="Outlook" Width="170px" AutoPostBack="true" OnSelectedIndexChanged="drpDimension_SelectedIndexChanged"
MaxHeight="100px" Visible="false">
<HeaderTemplate>
<asp:CheckBox runat="server" ID="Dim6SelectAll" Text="Select All" onclick="if(this.checked){Dim6SelectAllClick();}else{Dim6UnSelectAllClick();}" />
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox runat="server" ID="CheckBox6" onclick="checkboxClick6();" Text='<%# DataBinder.Eval(Container, "Text") %>' />
</ItemTemplate>
</telerik:RadComboBox>
</div>
<div id="F21" visible="false" runat="server">
<table>
<tr>
<td>
<asp:TextBox ID="txtFromF21" runat="server" ToolTip="From:" CssClass="tboxtext01"
Width="75px" Height="17px"></asp:TextBox>
<a href="javascript:NewCal('txtFromF21')">
<asp:Image ID="Image5" runat="server" ImageUrl="~/images/Calendar.bmp" /></a>
</td>
<td>
<asp:TextBox ID="txtUptoF21" runat="server" ToolTip="Upto:" CssClass="tboxtext01"
Width="75px" Height="17px"></asp:TextBox>
<a href="javascript:NewCal('txtUptoF21')">
<asp:Image ID="Image6" runat="server" ImageUrl="~/images/Calendar.bmp" /></a>
</td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td align="left" valign="top">
<div>
<asp:Label ID="lblFilter7" runat="server" Text="Label" CssClass="ftext01" Visible="false"></asp:Label></div>
<div id="F30" visible="true" runat="server">
<telerik:RadComboBox runat="server" ID="drpDimension7" AllowCustomText="true" HighlightTemplatedItems="true"
OnClientDropDownOpening="OnClientDropDownOpening" OnClientDropDownClosing="OnClientDropDownClosing"
OnClientSelectedIndexChanging="OnClientSelectedIndexChanging" OnClientBlur="OnClientBlur"
Skin="Outlook" Width="170px" AutoPostBack="true" OnSelectedIndexChanged="drpDimension_SelectedIndexChanged"
MaxHeight="100px" Visible="false">
<HeaderTemplate>
<asp:CheckBox runat="server" ID="Dim7SelectAll" Text="Select All" onclick="if(this.checked){Dim7SelectAllClick();}else{Dim7UnSelectAllClick();}" />
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox runat="server" ID="CheckBox7" onclick="checkboxClick7();" Text='<%# DataBinder.Eval(Container, "Text") %>' />
</ItemTemplate>
</telerik:RadComboBox>
</div>
<div id="F31" visible="false" runat="server">
<table>
<tr>
<td>
<asp:TextBox ID="txtFromF31" runat="server" ToolTip="From:" CssClass="tboxtext01"
Width="75px" Height="17px"></asp:TextBox>
<a href="javascript:NewCal('txtFromF31')">
<asp:Image ID="imgCal5" runat="server" ImageUrl="~/images/Calendar.bmp" /></a>
</td>
<td>
<asp:TextBox ID="txtUptoF31" runat="server" ToolTip="Upto:" CssClass="tboxtext01"
Width="75px" Height="17px"></asp:TextBox>
<a href="javascript:NewCal('txtUptoF31')">
<asp:Image ID="imgCal6" runat="server" ImageUrl="~/images/Calendar.bmp" /></a>
</td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td align="left" valign="top">
<div>
<asp:Label ID="lblFilter8" runat="server" Text="Label" CssClass="ftext01" Visible="false"></asp:Label></div>
<div id="F40" visible="true" runat="server">
<telerik:RadComboBox runat="server" ID="drpDimension8" AllowCustomText="true" HighlightTemplatedItems="true"
OnClientDropDownOpening="OnClientDropDownOpening" OnClientDropDownClosing="OnClientDropDownClosing"
OnClientSelectedIndexChanging="OnClientSelectedIndexChanging" OnClientBlur="OnClientBlur"
Skin="Outlook" Width="170px" AutoPostBack="true" OnSelectedIndexChanged="drpDimension_SelectedIndexChanged"
MaxHeight="100px" Visible="false">
<HeaderTemplate>
<asp:CheckBox runat="server" ID="Dim8SelectAll" Text="Select All" onclick="if(this.checked){Dim8SelectAllClick();}else{Dim8UnSelectAllClick();}" />
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox runat="server" ID="CheckBox8" onclick="checkboxClick8();" Text='<%# DataBinder.Eval(Container, "Text") %>' />
</ItemTemplate>
</telerik:RadComboBox>
</div>
<div id="F41" visible="false" runat="server">
<table>
<tr>
<td>
<asp:TextBox ID="txtFromF41" runat="server" ToolTip="From:" CssClass="tboxtext01"
Width="75px" Height="17px"></asp:TextBox>
<a href="javascript:NewCal('txtFromF41')">
<asp:Image ID="Image7" runat="server" ImageUrl="~/images/Calendar.bmp" /></a>
</td>
<td>
<asp:TextBox ID="txtUptoF41" runat="server" ToolTip="Upto:" CssClass="tboxtext01"
Width="75px" Height="17px"></asp:TextBox>
<a href="javascript:NewCal('txtUptoF41')">
<asp:Image ID="Image8" runat="server" ImageUrl="~/images/Calendar.bmp" /></a>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr id="Line3" runat="server">
<td>
<table cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top">
<div>
<asp:Label ID="lblFilter9" runat="server" Text="Label" CssClass="ftext01" Visible="false"></asp:Label></div>
<div id="F50" visible="true" runat="server">
<telerik:RadComboBox runat="server" ID="drpDimension9" AllowCustomText="true" HighlightTemplatedItems="true"
OnClientDropDownOpening="OnClientDropDownOpening" OnClientDropDownClosing="OnClientDropDownClosing"
OnClientSelectedIndexChanging="OnClientSelectedIndexChanging" OnClientBlur="OnClientBlur"
Skin="Outlook" Width="170px" AutoPostBack="true" OnSelectedIndexChanged="drpDimension_SelectedIndexChanged"
MaxHeight="100px" Visible="false">
<HeaderTemplate>
<asp:CheckBox runat="server" ID="Dim9SelectAll" Text="Select All" onclick="if(this.checked){Dim9SelectAllClick();}else{Dim9UnSelectAllClick();}" />
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox runat="server" ID="CheckBox9" onclick="checkboxClick9();" Text='<%# DataBinder.Eval(Container, "Text") %>' />
</ItemTemplate>
</telerik:RadComboBox>
</div>
<div id="F51" visible="false" runat="server">
<table>
<tr>
<td>
<asp:TextBox ID="txtFromF51" runat="server" ToolTip="From:" CssClass="tboxtext01"
Width="75px" Height="17px"></asp:TextBox>
<a href="javascript:NewCal('txtFromF51')">
<asp:Image ID="imgCal9" runat="server" ImageUrl="~/images/Calendar.bmp" /></a>
</td>
<td>
<asp:TextBox ID="txtUptoF51" runat="server" ToolTip="Upto:" CssClass="tboxtext01"
Width="75px" Height="17px"></asp:TextBox>
<a href="javascript:NewCal('txtUptoF51')">
<asp:Image ID="imgCal10" runat="server" ImageUrl="~/images/Calendar.bmp" /></a>
</td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td align="left" valign="top">
<div>
<asp:Label ID="lblFilter10" runat="server" Text="Label" CssClass="ftext01" Visible="false"></asp:Label></div>
<div id="F60" visible="true" runat="server">
<telerik:RadComboBox runat="server" ID="drpDimension10" AllowCustomText="true" HighlightTemplatedItems="true"
OnClientDropDownOpening="OnClientDropDownOpening" OnClientDropDownClosing="OnClientDropDownClosing"
OnClientSelectedIndexChanging="OnClientSelectedIndexChanging" OnClientBlur="OnClientBlur"
Skin="Outlook" Width="170px" AutoPostBack="true" OnSelectedIndexChanged="drpDimension_SelectedIndexChanged"
MaxHeight="100px" Visible="false">
<HeaderTemplate>
<asp:CheckBox runat="server" ID="Dim10SelectAll" Text="Select All" onclick="if(this.checked){Dim10SelectAllClick();}else{Dim10UnSelectAllClick();}" />
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox runat="server" ID="CheckBox10" onclick="checkboxClick10();" Text='<%# DataBinder.Eval(Container, "Text") %>' />
</ItemTemplate>
</telerik:RadComboBox>
</div>
<div id="F61" visible="false" runat="server">
<table>
<tr>
<td>
<asp:TextBox ID="txtFromF61" runat="server" ToolTip="From:" CssClass="tboxtext01"
Width="75px" Height="17px"></asp:TextBox>
<a href="javascript:NewCal('txtFromF61')">
<asp:Image ID="Image9" runat="server" ImageUrl="~/images/Calendar.bmp" /></a>
</td>
<td>
<asp:TextBox ID="txtUptoF61" runat="server" ToolTip="Upto:" CssClass="tboxtext01"
Width="75px" Height="17px"></asp:TextBox>
<a href="javascript:NewCal('txtUptoF61')">
<asp:Image ID="Image10" runat="server" ImageUrl="~/images/Calendar.bmp" /></a>
</td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td align="left" valign="top">
<div>
<asp:Label ID="lblFilter11" runat="server" Text="Label" CssClass="ftext01" Visible="false"></asp:Label></div>
<div id="F70" visible="true" runat="server">
<telerik:RadComboBox runat="server" ID="drpDimension11" AllowCustomText="true" HighlightTemplatedItems="true"
OnClientDropDownOpening="OnClientDropDownOpening" OnClientDropDownClosing="OnClientDropDownClosing"
OnClientSelectedIndexChanging="OnClientSelectedIndexChanging" OnClientBlur="OnClientBlur"
Skin="Outlook" Width="170px" AutoPostBack="true" OnSelectedIndexChanged="drpDimension_SelectedIndexChanged"
MaxHeight="100px" Visible="false">
<HeaderTemplate>
<asp:CheckBox runat="server" ID="Dim11SelectAll" Text="Select All" onclick="if(this.checked){Dim11SelectAllClick();}else{Dim11UnSelectAllClick();}" />
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox runat="server" ID="CheckBox11" onclick="checkboxClick11();" Text='<%# DataBinder.Eval(Container, "Text") %>' />
</ItemTemplate>
</telerik:RadComboBox>
</div>
<div id="F71" visible="false" runat="server">
<table>
<tr>
<td>
<asp:TextBox ID="txtFromF71" runat="server" ToolTip="From:" CssClass="tboxtext01"
Width="75px" Height="17px"></asp:TextBox>
<a href="javascript:NewCal('txtFromF71')">
<asp:Image ID="Image11" runat="server" ImageUrl="~/images/Calendar.bmp" /></a>
</td>
<td>
<asp:TextBox ID="txtUptoF71" runat="server" ToolTip="Upto:" CssClass="tboxtext01"
Width="75px" Height="17px"></asp:TextBox>
<a href="javascript:NewCal('txtUptoF71')">
<asp:Image ID="Image12" runat="server" ImageUrl="~/images/Calendar.bmp" /></a>
</td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td align="left" valign="top">
<div>
<asp:Label ID="lblFilter12" runat="server" Text="Label" CssClass="ftext01" Visible="false"></asp:Label>
</div>
<div id="F80" visible="true" runat="server">
<telerik:RadComboBox runat="server" ID="drpDimension12" AllowCustomText="true" HighlightTemplatedItems="true"
OnClientDropDownOpening="OnClientDropDownOpening" OnClientDropDownClosing="OnClientDropDownClosing"
OnClientSelectedIndexChanging="OnClientSelectedIndexChanging" OnClientBlur="OnClientBlur"
Skin="Outlook" Width="170px" AutoPostBack="true" OnSelectedIndexChanged="drpDimension_SelectedIndexChanged"
MaxHeight="100px" Visible="false">
<HeaderTemplate>
<asp:CheckBox runat="server" ID="Dim12SelectAll" Text="Select All" onclick="if(this.checked){Dim12SelectAllClick();}else{Dim12UnSelectAllClick();}" />
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox runat="server" ID="CheckBox12" onclick="checkboxClick12();" Text='<%# DataBinder.Eval(Container, "Text") %>' />
</ItemTemplate>
</telerik:RadComboBox>
</div>
<div id="F81" visible="false" runat="server">
<table>
<tr>
<td>
<asp:TextBox ID="txtFromF81" runat="server" ToolTip="From:" CssClass="tboxtext01"
Width="75px"></asp:TextBox>
<a href="javascript:NewCal('txtFromF81')">
<asp:Image ID="Image1" runat="server" ImageUrl="~/images/Calendar.bmp" /></a>
</td>
<td>
<asp:TextBox ID="txtUptoF81" runat="server" ToolTip="Upto:" CssClass="tboxtext01"
Width="75px"></asp:TextBox>
<a href="javascript:NewCal('txtUptoF81')">
<asp:Image ID="Image2" runat="server" ImageUrl="~/images/Calendar.bmp" /></a>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr style="height: 17px;">
<td align="right" valign="top">
<asp:ImageButton ID="imgGo" runat="server" ImageAlign="Top" ToolTip="Submit" ImageUrl="~/Images/gobutton.png"
OnClick="cmdShow_Click" />
</td>
</tr>
</table>
</td>
<td class="Lfmid-R">
</td>
</tr>
<tr>
<td class="Lfbot-L">
</td>
<td class="Lfbot-C">
</td>
<td class="Lfbot-R">
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</td>
<!-- End Left Frame -->
<!-- Begin Right Frame -->
<td align="left" valign="top">
<div id="mainright">
<!-- Begin Grid -->
<telerik:RadDockZone ID="RadDockZone1" runat="server" BorderWidth="0" Width="100%">
<telerik:RadDock ID="RadDock1" Resizable="true" runat="server" Skin="Hay" Height="249px"
EnableEmbeddedSkins="false" DockMode="Docked" OnClientDragStart="ClientDragStart"
OnClientDragEnd="ClientDragEnd" DefaultCommands="All">
<TitlebarTemplate>
<telerik:RadTextBox ID="lblGridHeading" runat="server" BorderStyle="NotSet" BackColor="transparent"
BorderColor="transparent" ReadOnly="true" ForeColor="white" Font-Bold="true"
Font-Size="10pt">
</telerik:RadTextBox>
</TitlebarTemplate>
<ContentTemplate>
<div id="mainright-A">
<table width="750" border="0" cellpadding="0" cellspacing="0" style="background: #FFFFFF">
<tr>
<td align="left" valign="top" colspan="2" class="tdpadding">
<asp:Panel runat="server" ID="pnlContainer" ScrollBars="Auto" Width="750px" Height="205px">
<telerik:RadGrid ID="RadGrid1" runat="server" ShowHeader="True" AutoGenerateColumns="False" ShowFooter="True"
Width="743px" Height="200px" GridLines="Both" AllowSorting="True" OnItemDataBound="RadGrid1_ItemDataBound"
OnSortCommand="RadGrid1_SortCommand" Skin="Outlook">
<MasterTableView TableLayout="Auto" >
<Columns>
<telerik:GridTemplateColumn HeaderText="HeaderField1" HeaderStyle-HorizontalAlign = "Center" HeaderStyle-Wrap="false" UniqueName="TemplateColumn"
SortExpression="HeaderText">
<ItemTemplate>
<asp:LinkButton ID="Header" runat="server" OnClick="Header_Click" Text='<%#Eval("HeaderText")%>'
ToolTip='<%#Eval("HeaderValue")%>'></asp:LinkButton>
<asp:Label ID="lblHeader" runat="server" Text='<%#Eval("HeaderText")%>'
ToolTip='<%#Eval("HeaderValue")%>'></asp:Label>
</ItemTemplate>
<ItemStyle Wrap = "false" HorizontalAlign="Left" />
<FooterStyle HorizontalAlign="Left" />
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn HeaderText="CalcField1" HeaderStyle-HorizontalAlign = "Center" HeaderStyle-Wrap="false" UniqueName="TemplateColumn1"
SortExpression="Field1" Visible="false">
<ItemTemplate>
<asp:LinkButton ID="lnkCalcField1" runat="server" OnClick="Detail_Click" Text='<%#Eval("Field1")%>'
ToolTip='<%#Eval("HeaderValue")%>'></asp:LinkButton>
<asp:Label ID="lblCalcField1" runat="server" Text='<%#Eval("Field1")%>'
ToolTip='<%#Eval("HeaderValue")%>'></asp:Label>
</ItemTemplate>
<ItemStyle Wrap = "false" HorizontalAlign="Right" />
<FooterStyle HorizontalAlign="Right" />
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn HeaderText="CalcField2" HeaderStyle-HorizontalAlign = "Center" HeaderStyle-Wrap="false" UniqueName="TemplateColumn2"
SortExpression="Field2" Visible="false">
<ItemTemplate>
<asp:Label ID="lblCalcField2" runat="server" Text='<%#Eval("Field2")%>'></asp:Label>
</ItemTemplate>
<ItemStyle HorizontalAlign="Right" />
<FooterStyle HorizontalAlign="Right" />
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn HeaderStyle-Wrap="false" HeaderStyle-HorizontalAlign = "Center" HeaderText="CalcField3" UniqueName="TemplateColumn3"
SortExpression="Field3" Visible="false">
<ItemTemplate>
<asp:Label ID="lblCalcField3" runat="server" Text='<%#Eval("Field3")%>'></asp:Label>
</ItemTemplate>
<ItemStyle HorizontalAlign="Right" />
<FooterStyle HorizontalAlign="Right" />
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn HeaderStyle-Wrap="false" HeaderStyle-HorizontalAlign = "Center" HeaderText="CalcField4" UniqueName="TemplateColumn4"
SortExpression="Field4" Visible="false">
<ItemTemplate>
<asp:Label ID="lblCalcField4" runat="server" Text='<%#Eval("Field4")%>'></asp:Label>
</ItemTemplate>
<FooterStyle HorizontalAlign="Right" />
<ItemStyle HorizontalAlign="Right" />
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn HeaderStyle-Wrap="false" HeaderStyle-HorizontalAlign = "Center" HeaderText="CalcField5" UniqueName="TemplateColumn5"
SortExpression="Field5" Visible="false">
<ItemTemplate>
<asp:Label ID="lblCalcField5" runat="server" Text='<%#Eval("Field5")%>'></asp:Label>
</ItemTemplate>
<ItemStyle HorizontalAlign="Right" />
<FooterStyle HorizontalAlign="Right" />
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn HeaderStyle-Wrap="false" HeaderStyle-HorizontalAlign = "Center" HeaderText="CalcField6" UniqueName="TemplateColumn6"
SortExpression="Field6" Visible="false">
<ItemTemplate>
<asp:Label ID="lblCalcField6" runat="server" Text='<%#Eval("Field6")%>'></asp:Label>
</ItemTemplate>
<ItemStyle HorizontalAlign="Right" />
<FooterStyle HorizontalAlign="Right" />
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn HeaderStyle-Wrap="false" HeaderStyle-HorizontalAlign = "Center" HeaderText="CalcField7" UniqueName="TemplateColumn7"
SortExpression="Field7" Visible="false">
<ItemTemplate>
<asp:Label ID="lblCalcField7" runat="server" Text='<%#Eval("Field7")%>'></asp:Label>
</ItemTemplate>
<ItemStyle HorizontalAlign="Right" />
<FooterStyle HorizontalAlign="Right" />
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn HeaderStyle-Wrap="false" HeaderStyle-HorizontalAlign = "Center" HeaderText="CalcField8" UniqueName="TemplateColumn8"
SortExpression="Field8" Visible="false">
<ItemTemplate>
<asp:Label ID="lblCalcField8" runat="server" Text='<%#Eval("Field8")%>'></asp:Label>
</ItemTemplate>
<ItemStyle HorizontalAlign="Right" />
<FooterStyle HorizontalAlign="Right" />
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn HeaderStyle-Wrap="false" HeaderText="CalcField9" UniqueName="TemplateColumn9"
SortExpression="Field9" Visible="false">
<ItemTemplate>
<asp:Label ID="lblCalcField9" runat="server" Text='<%#Eval("Field9")%>'></asp:Label>
</ItemTemplate>
<ItemStyle HorizontalAlign="Right" />
<FooterStyle HorizontalAlign="Right" />
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn HeaderStyle-Wrap="false" HeaderStyle-HorizontalAlign = "Center" HeaderText="CalcField10" UniqueName="TemplateColumn10"
SortExpression="Field10" Visible="false">
<ItemTemplate>
<asp:Label ID="lblCalcField10" runat="server" Text='<%#Eval("Field10")%>'></asp:Label>
</ItemTemplate>
<ItemStyle HorizontalAlign="Right" />
<FooterStyle HorizontalAlign="Right" />
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn HeaderStyle-Wrap="false" HeaderStyle-HorizontalAlign = "Center" HeaderText="CalcField11" UniqueName="TemplateColumn11"
SortExpression="Field11" Visible="false">
<ItemTemplate>
<asp:Label ID="lblCalcField11" runat="server" Text='<%#Eval("Field11")%>'></asp:Label>
</ItemTemplate>
<ItemStyle HorizontalAlign="Right" />
<FooterStyle HorizontalAlign="Right" />
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn HeaderStyle-Wrap="false" HeaderText="CalcField12" UniqueName="TemplateColumn12"
SortExpression="Field12" Visible="false">
<ItemTemplate>
<asp:Label ID="lblCalcField12" runat="server" Text='<%#Eval("Field12")%>'></asp:Label>
</ItemTemplate>
<ItemStyle HorizontalAlign="Right" />
<FooterStyle HorizontalAlign="Right" />
</telerik:GridTemplateColumn>
</Columns>
<RowIndicatorColumn Visible="True">
</RowIndicatorColumn>
</MasterTableView>
<ClientSettings>
<Scrolling AllowScroll="True" UseStaticHeaders="True" SaveScrollPosition = "true" FrozenColumnsCount="0"/>
<%--<Resizing ClipCellContentOnResize="false" AllowColumnResize="true" AllowRowResize="true" />--%>
</ClientSettings>
</telerik:RadGrid>
<telerik:RadScriptManager ID="RadScriptManager1" runat="server" AsyncPostBackTimeout="240" />
</asp:Panel>
</td>
</tr>
</table>
</div>
<div style="visibility: hidden">
<asp:GridView ID="GridView1" runat="server" Width="100%" AutoGenerateColumns="True">
</asp:GridView>
</div>
<!-- End Grid -->
</ContentTemplate>
</telerik:RadDock>
</telerik:RadDockZone>
<telerik:RadDockZone ID="RadDockZone2" runat="server" BorderWidth="0" Width="100%">
<telerik:RadDock ID="RadDock2" Height="280px" Resizable="true" runat="server" Width="100%"
Skin="Hay" EnableEmbeddedSkins="false" DockMode="Docked" OnClientDragStart="ClientDragStart"
OnClientDragEnd="ClientDragEnd">
<TitlebarTemplate>
<telerik:RadComboBox ID="drpChartType" runat="server" AutoPostBack="True" OnSelectedIndexChanged="drpChartType_SelectedIndexChanged"
Skin="Outlook">
<Items>
<telerik:RadComboBoxItem runat="server" Text="Bar" Value="Bar" />
<telerik:RadComboBoxItem runat="server" Text="Line" Value="Line" />
<telerik:RadComboBoxItem runat="server" Text="Pie" Value="Pie" />
</Items>
</telerik:RadComboBox>
<telerik:RadComboBox runat="server" ID="drpChartValues" AllowCustomText="true"
HighlightTemplatedItems="true" OnClientDropDownOpening="OnClientDropDownOpening"
OnClientDropDownClosing="OnClientDropDownClosing" OnClientSelectedIndexChanging="OnClientSelectedIndexChanging"
OnClientBlur="OnClientBlur" Skin="Outlook" Width="200px" OnSelectedIndexChanged="drpChartValues_SelectedIndexChanged"
AutoPostBack="true" MaxHeight="100px">
<HeaderTemplate>
<asp:CheckBox runat="server" ID="ChartSelectAll" Text="Select All" onclick="if(this.checked){ChartSelectAllClick();}else{ChartUnSelectAllClick();}" />
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox runat="server" ID="CheckBox" onclick="checkboxClick();" Text='<%# DataBinder.Eval(Container, "Text") %>' />
</ItemTemplate>
</telerik:RadComboBox>
</TitlebarTemplate>
<ContentTemplate>
<!-- Begin Bar Chart -->
<div id="mainright-B">
<table id="Chart-rB" width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td colspan="4" height="230px" align="left" valign="top" class="tdpadding">
<dotnetCHARTING:Chart ID="Chart1" runat="server" Height="230px" Width="740px" FileName="bchart"
ImageFormat="jpg">
<DefaultTitleBox Position="" Visible="True">
</DefaultTitleBox>
<DefaultLegendBox CornerBottomRight="Cut" Padding="4" Position="" Visible="True">
<HeaderEntry Visible="False">
</HeaderEntry>
<LabelStyle Font="verdana" />
<Background Color="#e5f2ff" />
</DefaultLegendBox>
<DefaultElement>
<DefaultSubValue>
<Line Color="93, 28, 59" />
</DefaultSubValue>
</DefaultElement>
</dotnetCHARTING:Chart>
</td>
</tr>
</table>
</div>
<!-- End Bar Chart -->
</ContentTemplate>
</telerik:RadDock>
</telerik:RadDockZone>
</div>
</td>
<!-- End Right Frame -->
</tr>
</table>
<%--</telerik:RadAjaxPanel>--%>
</div>
</telerik:RadDockLayout>
<!-- Begin Message Layer -->
<div id="layer1" runat="server">
<div id="Ldiv1">
<table width="300" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="tdtop-leftimg1">
</td>
<td align="center" valign="middle" class="tdtop-centerimg1">
<asp:Label ID="lblMsgHdng" runat="server" CssClass="date1"></asp:Label></td>
<td class="tdtop-rightimg1">
</td>
</tr>
</table>
</div>
<div id="Ldiv2">
<table width="298" border="0" cellspacing="0" cellpadding="0" class="popbg">
<tr>
<td style="height: 57px;">
</td>
<td align="center" valign="middle" class="alert">
<asp:Label ID="lblMsg" runat="server" CssClass="date"></asp:Label></td>
<td>
</td>
</tr>
<tr>
<td>
</td>
<td align="center" valign="middle">
<asp:ImageButton ID="ImgOk" runat="server" ImageAlign="Top" ToolTip="Ok" ImageUrl="~/images/OK.gif"
OnClick="ImgOk_Click" />
<asp:ImageButton ID="ImgCancel" runat="server" ImageAlign="Top" ToolTip="Cancel"
ImageUrl="~/Images/cancel.gif" OnClick="ImgCancel_Click" /></td>
<td>
</td>
</tr>
<tr>
<td style="height: 5px">
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
</table>
</div>
</div>
<!-- End Message Layer -->
</telerik:RadAjaxPanel>
</div>
</form>
</body>
</html>
Code Ends:
Note: Same code running somewhat good in Firefox browser. But its dead slow in IE 6+. Is there any browser compatibility issue?