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

panel with rounded corners

19 Answers 637 Views
Ajax
This is a migrated thread and some comments may be shown as answers.
jtby
Top achievements
Rank 1
jtby asked on 17 Apr 2008, 09:51 PM
with q1 2008 release, any easy-ish way to make a panel with rounded corners?

19 Answers, 1 is accepted

Sort by
0
Vlad
Telerik team
answered on 18 Apr 2008, 06:23 AM
Hi jtby,

You can use RoundedCornersExtender from ajax toolkit to achieve this.

Kind regards,
Vlad
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center
0
WDev
Top achievements
Rank 1
answered on 25 Jun 2008, 08:32 PM

I am getting error

Microsoft JScript runtime error: Sys.InvalidOperationException: Could not find UpdatePanel with ID 'ctl00_ContentHolder_ctl00_ContentHolder_RadGrid1Panel'. If it is being updated dynamically then it must be inside another UpdatePanel.

for Edit/Update/Cancel function when I place a radgrid (I am using sample code from radgrid edit popup sample) inside a panel and apply RoundedCornerExtender on the panel.  Is there a solution for this?

thanks.

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %> 
<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">  
</asp:Content> 
<asp:Content ID="Content2" ContentPlaceHolderID="ContentHolder" Runat="Server">  
 
    <telerik:RadAjaxPanel runat="server" CssClass="container" Width="100%" ID="TelerikPanel" > 
      
        <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">  
            <AjaxSettings> 
                <telerik:AjaxSetting AjaxControlID="RadGrid1">  
                    <UpdatedControls> 
                        <telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1" /> 
                    </UpdatedControls> 
                </telerik:AjaxSetting> 
                <telerik:AjaxSetting AjaxControlID="RadGrid2">  
                    <UpdatedControls> 
                        <telerik:AjaxUpdatedControl ControlID="RadGrid2" LoadingPanelID="RadAjaxLoadingPanel1" /> 
                    </UpdatedControls> 
                </telerik:AjaxSetting> 
            </AjaxSettings> 
        </telerik:RadAjaxManager> 
        <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Height="75px" 
            Width="75px" Transparency="5">  
            <img style="margin-top: 150px;" alt="Loading..." src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading4.gif") %>' /> 
        </telerik:RadAjaxLoadingPanel> 
        <br /> 
        <telerik:RadGrid ID="RadGrid1" AutoGenerateEditColumn="True" runat="server" AllowAutomaticDeletes="True" 
            AllowAutomaticInserts="True" AllowAutomaticUpdates="True" AllowPaging="True" 
            AllowMultiRowEdit="false" DataSourceID="SqlDataSource1" 
            AllowSorting="True" Skin="Hay">  
            <PagerStyle Mode="NextPrevAndNumeric" /> 
            <MasterTableView EditMode="PopUp" CommandItemDisplay="Top"   
                DataKeyNames="ProductID" AutoGenerateColumns="False"   
                DataSourceID="SqlDataSource1">  
<RowIndicatorColumn Visible="False">  
<HeaderStyle Width="20px"></HeaderStyle> 
</RowIndicatorColumn> 
 
<ExpandCollapseColumn Visible="False" Resizable="False">  
<HeaderStyle Width="20px"></HeaderStyle> 
</ExpandCollapseColumn> 
 
                <Columns> 
                    <telerik:GridBoundColumn DataField="ProductID" DataType="System.Int32"   
                        HeaderText="ProductID" ReadOnly="True" SortExpression="ProductID"   
                        UniqueName="ProductID">  
                    </telerik:GridBoundColumn> 
                    <telerik:GridBoundColumn DataField="ProductName" HeaderText="ProductName"   
                        SortExpression="ProductName" UniqueName="ProductName">  
                    </telerik:GridBoundColumn> 
                    <telerik:GridBoundColumn DataField="SupplierID" DataType="System.Int32"   
                        HeaderText="SupplierID" SortExpression="SupplierID" UniqueName="SupplierID">  
                    </telerik:GridBoundColumn> 
                    <telerik:GridBoundColumn DataField="CategoryID" DataType="System.Int32"   
                        HeaderText="CategoryID" SortExpression="CategoryID" UniqueName="CategoryID">  
                    </telerik:GridBoundColumn> 
                    <telerik:GridBoundColumn DataField="QuantityPerUnit"   
                        HeaderText="QuantityPerUnit" SortExpression="QuantityPerUnit"   
                        UniqueName="QuantityPerUnit">  
                    </telerik:GridBoundColumn> 
                    <telerik:GridBoundColumn DataField="UnitPrice" DataType="System.Decimal"   
                        HeaderText="UnitPrice" SortExpression="UnitPrice" UniqueName="UnitPrice">  
                    </telerik:GridBoundColumn> 
                    <telerik:GridBoundColumn DataField="UnitsInStock" DataType="System.Int16"   
                        HeaderText="UnitsInStock" SortExpression="UnitsInStock"   
                        UniqueName="UnitsInStock">  
                    </telerik:GridBoundColumn> 
                    <telerik:GridBoundColumn DataField="UnitsOnOrder" DataType="System.Int16"   
                        HeaderText="UnitsOnOrder" SortExpression="UnitsOnOrder"   
                        UniqueName="UnitsOnOrder">  
                    </telerik:GridBoundColumn> 
                    <telerik:GridBoundColumn DataField="ReorderLevel" DataType="System.Int16"   
                        HeaderText="ReorderLevel" SortExpression="ReorderLevel"   
                        UniqueName="ReorderLevel">  
                    </telerik:GridBoundColumn> 
                </Columns> 
                <EditFormSettings CaptionFormatString="Edit ProductID: {0}" CaptionDataField="ProductID" /> 
            </MasterTableView> 
        </telerik:RadGrid><br /> 
        <asp:SqlDataSource ID="SqlDataSource1" runat="server"   
            ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>"   
            SelectCommand="SELECT [ProductID], [ProductName], [SupplierID], [CategoryID], [QuantityPerUnit], [UnitPrice], [UnitsInStock], [UnitsOnOrder], [ReorderLevel] FROM [Alphabetical list of products]">  
        </asp:SqlDataSource> 
        <br />      
    </telerik:RadAjaxPanel> 
<cc1:RoundedCornersExtender ID="RoundedCornersExtender" runat="server" TargetControlID="TelerikPanel" 
        Corners="Bottom,TopRight" Radius="10" SkinID="roundedCornerContainer">  
    </cc1:RoundedCornersExtender> 
</asp:Content> 
0
Konstantin Petkov
Telerik team
answered on 26 Jun 2008, 06:59 AM
Hi WDev,

Please, remove the AJAX Panel from this markup. I don't see a Grid with ID RadGrid2 on the page so I guess this setting can be safety deleted too:

                <telerik:AjaxSetting AjaxControlID="RadGrid2">   
                    <UpdatedControls>  
                        <telerik:AjaxUpdatedControl ControlID="RadGrid2" LoadingPanelID="RadAjaxLoadingPanel1" />  
                    </UpdatedControls>  
                </telerik:AjaxSetting> 


All the best,
Konstantin Petkov
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center
0
WDev
Top achievements
Rank 1
answered on 26 Jun 2008, 12:12 PM

That is the whole point of the error.  I want to put the grid inside the panel (same runtime error for both RadAdjaxPanel or asp:Panel) so I could use the RoundedCornersExtender on it.  Is there a work around for this?

Yes, the RadGrid2 could be deleted.

0
Konstantin Petkov
Telerik team
answered on 26 Jun 2008, 01:32 PM
Hi,

You can keep the Grid wrapped within the ASP:Panel, move the RadAjax controls outside the Panel and set the Panel as AJAX-ified and updated:

<telerik:AjaxSetting AjaxControlID="Panel1">    
    <UpdatedControls>   
        <telerik:AjaxUpdatedControl ControlID="Panel1" LoadingPanelID="RadAjaxLoadingPanel1" />   
    </UpdatedControls>   
</telerik:AjaxSetting>  


Kind regards,
Konstantin Petkov
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center
0
WDev
Top achievements
Rank 1
answered on 26 Jun 2008, 01:43 PM
This works!  I never thought about Ajax-ified the panel itself.  Thank you!
0
WDev
Top achievements
Rank 1
answered on 26 Jun 2008, 02:30 PM

As it turns out this doesn't work.  The runtime error went away, but the rounded corner was not apply at all.  I guess this is why the runtime error went away.


<%@ Page Language="C#" MasterPageFile="~/masterpages/default.master" AutoEventWireup="true" CodeFile="Test.aspx.cs" Inherits="tools_ContentManagement_Test" Title="Untitled Page" %> 
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %> 
 
<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">  
</asp:Content> 
<asp:Content ID="Content2" ContentPlaceHolderID="ContentHolder" Runat="Server">  
 
        <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">  
        <AjaxSettings> 
            <telerik:AjaxSetting AjaxControlID="TelerikPanel">  
                <UpdatedControls> 
                    <telerik:AjaxUpdatedControl ControlID="TelerikPanel" LoadingPanelID="RadAjaxLoadingPanel1" /> 
                </UpdatedControls> 
            </telerik:AjaxSetting> 
        </AjaxSettings> 
    </telerik:RadAjaxManager> 
    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Height="75px" 
        Width="75px" Transparency="5">  
        <img style="margin-top: 150px;" alt="Loading..." src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading4.gif") %>' /> 
    </telerik:RadAjaxLoadingPanel> 
      
<asp:Panel  runat="server" CssClass="container" Width="100%" ID="TelerikPanel" > 
</asp:Panel>          
             
<cc1:RoundedCornersExtender ID="RoundedCornersBehavior1"      
TargetControlID="TelerikPanel"      
runat="server" Corners="Bottom,TopRight" Radius="10" BorderColor="SteelBlue"  />    
 
</asp:Content> 
0
Konstantin Petkov
Telerik team
answered on 26 Jun 2008, 02:50 PM
Hi WDev,

That's expected since the AJAXToolkitExtender is out of ajaxified/updated area. You can wrap the content in another Panel and update it instead:

        <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager> 
        <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">   
            <AjaxSettings>  
                <telerik:AjaxSetting AjaxControlID="OuterPanel">   
                    <UpdatedControls>  
                        <telerik:AjaxUpdatedControl ControlID="OuterPanel" LoadingPanelID="RadAjaxLoadingPanel1" />  
                    </UpdatedControls>  
                </telerik:AjaxSetting>  
            </AjaxSettings>  
        </telerik:RadAjaxManager>  
        <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Height="75px"  
            Width="75px" Transparency="5">   
            <img style="margin-top: 150px;" alt="Loading..." src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading4.gif") %>' />  
        </telerik:RadAjaxLoadingPanel>  
        <asp:Panel ID="OuterPanel" runat="server"
            <asp:Panel  runat="server" Width="100%" ID="TelerikPanel" BackColor="#FFE0C0" >  
            </asp:Panel>           
                          
            <cc1:RoundedCornersExtender ID="RoundedCornersBehavior1"       
            TargetControlID="TelerikPanel"       
            runat="server" Corners="Bottom,TopRight" Radius="10" BorderColor="SteelBlue"  />     
        </asp:Panel> 
 


Kind regards,
Konstantin Petkov
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center
0
WDev
Top achievements
Rank 1
answered on 26 Jun 2008, 06:55 PM
This will get the toolkit to apply the rounded corners, but it goes back to my original problem.  If you put a radgrid and enable edit/update/insert any of these event generate a runtime error  (to reproduce the problem:  use the example above and put a simple radgrid with edit/update/insert)

Again this goes back to my orginal question how do I put a radgrid inside a panel, apply rounded corner, and ajax-ified "it".
0
Konstantin Petkov
Telerik team
answered on 27 Jun 2008, 12:25 PM
Hi WDev,

Please, find attached a demo I have prepared for you. The only differences are the Grid with Automatic Operations (Insert/Update/Delete) as well as the proxy within the content page. I've put RadAjaxManager on the MasterPage as suggested in the respective documentation article here. Note that I have verified it functions properly (no errors thrown) with the latest RadControls for ASP.NET AJAX version labeled 2008.1.619 (SP2 of Q1 2008).

I hope this helps!

Best wishes,
Konstantin Petkov
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center
0
balaji
Top achievements
Rank 1
answered on 11 Jun 2009, 08:10 AM
Hey guys I am Also Getting the Same Error
While Trying to use RadAJax Manager
However this functionality works if i try to implement on a new page or some other page.
Here is the Sample code format.
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="dbconfig1.aspx.cs" Inherits="dbconfig1" %> 
 
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %> 
<!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> 
    <title>Ax Online</title> 
    <link href="css/calendar.css" type="text/css" rel="stylesheet" /> 
    <link href="css/datepicker.css" type="text/css" rel="Stylesheet" /> 
    <link href="css/core.css" type="text/css" rel="stylesheet" /> 
    <link href="css/Card1011-65001.css" type="text/css" rel="Stylesheet" /> 
    <link href="css/invoice.css" type="text/css" rel="Stylesheet" /> 
    <link href="css/drag-drop-folder-tree_2.css" type="text/css" rel="Stylesheet" /> 
 
    <script language="javascript" src="js/init.js" type="text/javascript"></script> 
 
    <script language="javascript" src="js/core.js" type="text/javascript"></script> 
 
    <script language="javascript" src="js/portal.js" type="text/javascript"></script> 
 
    <script language="javascript" src="js/ie55up.js" type="text/javascript"></script> 
 
    <script language="javascript" src="js/search.js" type="text/javascript"></script> 
      
 
     
 
    <style type="text/css"
        .zz1_TopNavigationMenu_0 
        { 
            display: none; 
            left: 0px; 
            visibility: hidden; 
            position: absolute; 
            top: 0px; 
            background-color: white; 
        } 
        .zz1_TopNavigationMenu_1 
        { 
            text-decoration: none; 
        } 
        .zz1_TopNavigationMenu_2 
        { 
        } 
        .zz1_TopNavigationMenu_3 
        { 
            border-top-style: none; 
            border-right-style: none; 
            border-left-style: none; 
            border-bottom-style: none; 
        } 
        .zz1_TopNavigationMenu_4 
        { 
        } 
        .zz1_TopNavigationMenu_5 
        { 
        } 
        .zz1_TopNavigationMenu_6 
        { 
            border-top-style: none; 
            border-right-style: none; 
            border-left-style: none; 
            border-bottom-style: none; 
        } 
        .zz1_TopNavigationMenu_7 
        { 
        } 
        .zz1_TopNavigationMenu_8 
        { 
            border-right: #a7b4ce 1px solid; 
            border-top: #a7b4ce 1px solid; 
            border-left: #a7b4ce 1px solid; 
            border-bottom: #a7b4ce 1px solid; 
            background-color: #f2f3f4; 
        } 
        .zz1_TopNavigationMenu_9 
        { 
            border-top-style: none; 
            border-right-style: none; 
            border-left-style: none; 
            border-bottom-style: none; 
        } 
        .zz1_TopNavigationMenu_10 
        { 
        } 
        .zz1_TopNavigationMenu_11 
        { 
            border-top-style: none; 
            border-right-style: none; 
            border-left-style: none; 
            border-bottom-style: none; 
        } 
        .zz1_TopNavigationMenu_12 
        { 
        } 
        .zz1_TopNavigationMenu_13 
        { 
            border-top-style: none; 
            border-right-style: none; 
            border-left-style: none; 
            border-bottom-style: none; 
        } 
        .zz1_TopNavigationMenu_14 
        { 
        } 
        .zz1_TopNavigationMenu_15 
        { 
            border-top-style: none; 
            border-right-style: none; 
            border-left-style: none; 
            border-bottom-style: none; 
        } 
        .zz1_TopNavigationMenu_16 
        { 
            background-color: #cbe3f0; 
        } 
        .zz2_QuickLaunchMenu_0 
        { 
            display: none; 
            left: 0px; 
            visibility: hidden; 
            position: absolute; 
            top: 0px; 
            background-color: white; 
        } 
        .zz2_QuickLaunchMenu_1 
        { 
            text-decoration: none; 
        } 
        .zz2_QuickLaunchMenu_2 
        { 
        } 
        .zz2_QuickLaunchMenu_3 
        { 
            border-top-style: none; 
            border-right-style: none; 
            border-left-style: none; 
            border-bottom-style: none; 
        } 
        .zz2_QuickLaunchMenu_4 
        { 
        } 
        .zz2_QuickLaunchMenu_5 
        { 
            border-top-style: none; 
            border-right-style: none; 
            border-left-style: none; 
            border-bottom-style: none; 
        } 
        .zz2_QuickLaunchMenu_6 
        { 
        } 
        .zz2_QuickLaunchMenu_7 
        { 
        } 
        .zz2_QuickLaunchMenu_8 
        { 
            width: 117%; 
        } 
        .zz2_QuickLaunchMenu_9 
        { 
            border-top-style: none; 
            border-right-style: none; 
            border-left-style: none; 
            border-bottom-style: none; 
        } 
        .zz2_QuickLaunchMenu_10 
        { 
        } 
        .zz2_QuickLaunchMenu_11 
        { 
            border-top-style: none; 
            border-right-style: none; 
            border-left-style: none; 
            border-bottom-style: none; 
        } 
        .zz2_QuickLaunchMenu_12 
        { 
        } 
        .ctl00_PlaceHolderMain_Main_0 
        { 
            border-right: black 1px solid; 
            border-top: black 1px solid; 
            border-left: black 1px solid; 
            border-bottom: black 1px solid; 
        } 
        .style1 
        { 
            width: 6px; 
        } 
        .style2 
        { 
            width: 275%; 
            height: 133px; 
        } 
        .ms-navframe 
        { 
            height: 451px; 
            width: 199px; 
        } 
        .style3 
        { 
            text-align: center; 
            width: 6px; 
            background: #fbfbfb url('Images/pageTitleBKGD_cardinal.gif') repeat-x; 
        } 
        .divScroll-3 
        { 
            height: 100px; 
            width: 245px; 
            overflow: scroll; 
            white-space: nowrap; 
        } 
        .style4 
        { 
            width: 79%; 
        } 
        .style5 
        { 
            width: 489px; 
            height: 40px; 
        } 
        .style7 
        { 
            width: 489px; 
            height: 22px; 
            font-size: small; 
        } 
        .style9 
        { 
            width: 330px; 
            font-size: small; 
        } 
        .style10 
        { 
            font-size: small; 
        } 
        .style11 
        { 
            width: 15px; 
            height: 22px; 
        } 
        .style12 
        { 
            width: 15px; 
            font-size: small; 
        } 
        .style13 
        { 
            width: 15px; 
            height: 40px; 
        } 
        .style14 
        { 
            width: 107px; 
        } 
        .style16 
        { 
            width: 103px; 
        } 
        .style17 
        { 
            width: 60px; 
        } 
        .treebdr { overflow:scroll; border: solid 1px #000000; padding:10px 10px 10px 10px; height: 200px; width: 76%; } 
 
         
 
 
        .style18 
        { 
            width: 15px; 
            font-size: small; 
            height: 20px; 
        } 
        .style19 
        { 
            width: 489px; 
            font-size: small; 
            height: 20px; 
        } 
        .style20 
        { 
            font-size: small; 
            height: 20px; 
        } 
        .style21 
        { 
            width: 15px; 
            font-size: small; 
            height: 59px; 
        } 
        .style22 
        { 
            width: 489px; 
            font-size: small; 
            height: 59px; 
        } 
        .style23 
        { 
            font-size: small; 
            height: 59px; 
        } 
 
         
 
 
        .style24 
        { 
            width: 489px; 
            font-size: small; 
        } 
 
         
 
 
        .style25 
        { 
            height: 40px; 
        } 
 
         
 
 
        .style26 
        { 
            width: 15px; 
            font-size: small; 
            height: 22px; 
        } 
        .style27 
        { 
            width: 489px; 
            font-size: small; 
            height: 22px; 
        } 
        .style28 
        { 
            font-size: small; 
            height: 22px; 
        } 
        
         
 
 
    .RadComboBox_Default2006 
    vertical-align:bottom; 
    text-align: left; 
 
.RadComboBox_Default2006 
    font:12px arial,verdana,sans-serif; 
    color:#333; 
 
 
.RadComboBox_Default2006 * 
    margin:0; 
    padding:0; 
 
.RadComboBox_Default2006 .rcbInput 
    font:12px arial,verdana,sans-serif; 
    color:#333; 
 
         
 
 
        .qsfButton 
        { 
            width: 77px; 
        } 
        .style29 
        { 
            width: 46%; 
        } 
 
         
 
 
        .style30 
        { 
            width: 30px; 
        } 
 
         
 
 
        .style31 
        { 
            width: 29px; 
        } 
 
         
 
 
    .RadGrid_Sunset 
    border:1px solid #cbbda9; 
    border-top-color:#958e84; 
 
.RadGrid_Sunset 
    font:11px arial,sans-serif; 
 
.RadGrid_Sunset 
    background:#f4ede1; 
    color:#272522; 
 
.MasterTable_Sunset 
    border-collapse:separate !important; 
 
.MasterTable_Sunset 
    font:11px arial,sans-serif; 
 
.GridHeader_Sunset 
    color:#fff; 
    text-decoration:none; 
 
.GridHeader_Sunset 
    border-bottom:1px solid #8f2b00; 
    padding-top:8px; 
    padding-bottom:8px; 
    background:#b05a33 url('mvwres://Telerik.Web.UI, Version=2008.3.1105.35, Culture=neutralPublicKeyToken=121fae78165ba3d4/Telerik.Web.UI.Skins.Sunset.Grid.sprite.gif') 0 0 repeat-x; 
    font-size:13px; 
    font-weight:normal; 
    text-align:left; 
 
.GridHeader_Sunset 
    padding-left:4px; 
    padding-right:4px; 
 
.GridPager_Sunset 
    background:#ded6c6; 
    line-height:20px; 
 
.PagerLeft_Sunset 
    float:left; 
 
.RadGrid_Sunset .rgPagePrev 
    background-position:5px -717px; 
 
.RadGrid_Sunset .rgPagePrev 
    width:16px; 
    height:16px; 
    border:0; 
    padding:0; 
    background-color:transparent; 
    background-image:url('mvwres://Telerik.Web.UI, Version=2008.3.1105.35, Culture=neutralPublicKeyToken=121fae78165ba3d4/Telerik.Web.UI.Skins.Sunset.Grid.sprite.gif'); 
    background-repeat:no-repeat; 
    cursor:pointer; 
 
.RadGrid_Sunset .rgPageNext 
    background-position:-21px -717px; 
 
.RadGrid_Sunset .rgPageNext 
    width:16px; 
    height:16px; 
    border:0; 
    padding:0; 
    background-color:transparent; 
    background-image:url('mvwres://Telerik.Web.UI, Version=2008.3.1105.35, Culture=neutralPublicKeyToken=121fae78165ba3d4/Telerik.Web.UI.Skins.Sunset.Grid.sprite.gif'); 
    background-repeat:no-repeat; 
    cursor:pointer; 
 
.PagerRight_Sunset 
    float:right; 
 
.GridRow_Sunset 
    background:#ebe4d6; 
 
         
 
 
    .GridCommandRow_Sunset 
    background:#746c61 url('mvwres://Telerik.Web.UI, Version=2008.3.1105.35, Culture=neutralPublicKeyToken=121fae78165ba3d4/Telerik.Web.UI.Skins.Sunset.Grid.sprite.gif') 0 -1197px repeat-x; 
    color:#fff; 
 
.RadGrid_Sunset .rgAdd 
    background-position:0 -841px; 
 
.RadGrid_Sunset .rgAdd 
    width:16px; 
    height:16px; 
    border:0; 
    padding:0; 
    background-color:transparent; 
    background-image:url('mvwres://Telerik.Web.UI, Version=2008.3.1105.35, Culture=neutralPublicKeyToken=121fae78165ba3d4/Telerik.Web.UI.Skins.Sunset.Grid.sprite.gif'); 
    background-repeat:no-repeat; 
    cursor:pointer; 
 
.RadGrid_Sunset .rgRefresh 
    background-position:0 -901px; 
 
.RadGrid_Sunset .rgRefresh 
    width:16px; 
    height:16px; 
    border:0; 
    padding:0; 
    background-color:transparent; 
    background-image:url('mvwres://Telerik.Web.UI, Version=2008.3.1105.35, Culture=neutralPublicKeyToken=121fae78165ba3d4/Telerik.Web.UI.Skins.Sunset.Grid.sprite.gif'); 
    background-repeat:no-repeat; 
    cursor:pointer; 
 
         
 
 
        .style32 
        { 
            width: 15px; 
            height: 38px; 
        } 
        .style33 
        { 
            width: 489px; 
            height: 38px; 
            font-size: small; 
        } 
         
         
 
 
        .style35 
        { 
            width: 15px; 
            font-size: small; 
            height: 33px; 
        } 
        .style36 
        { 
            width: 489px; 
            font-size: small; 
            height: 33px; 
        } 
        .style37 
        { 
            font-size: small; 
            height: 33px; 
        } 
 
         
 
 
        .style38 
        { 
            width: 21px; 
            height: 22px; 
        } 
        .style39 
        { 
            width: 21px; 
            height: 38px; 
        } 
 
         
 
 
        .style40 
        { 
            width: 15px; 
            font-size: small; 
            height: 5px; 
        } 
        .style41 
        { 
            width: 489px; 
            font-size: small; 
            height: 5px; 
        } 
        .style42 
        { 
            font-size: small; 
            height: 5px; 
        } 
 
         
 
 
        .style43 
        { 
            width: 15px; 
            font-size: small; 
            height: 14px; 
        } 
        .style44 
        { 
            width: 489px; 
            font-size: small; 
            height: 14px; 
        } 
        .style45 
        { 
            font-size: small; 
            height: 14px; 
        } 
 
         
 
 
        </style> 
     
</head> 
<body> 
    <form id="form1" runat="server"
    <input id="ctl00_PlaceHolderSearchArea_ctl01_ctl01" 
                                                                        type="hidden" value="http://india.soliverasia.biz/development/Lists/Calendar" 
                                                                        name="ctl00$PlaceHolderSearchArea$ctl01$ctl01"
                                                                <input id="ctl00_PlaceHolderSearchArea_ctl01_ctl00" type="hidden" value="http://india.soliverasia.biz/development" 
                                                                    name="ctl00$PlaceHolderSearchArea$ctl01$ctl00"
    <script type="text/javascript"
        function fnShowHide(str) { 
            var aId = str.id; 
            aIdaId = aId.substring(0, (aId.length - 1)); 
            if (document.getElementById(aId).getElementsByTagName('UL').length != 0) { 
                if (document.getElementById(aId).getElementsByTagName('UL')[0].style.display == '') { 
                    //document.getElementById(aId).className = "closecurrentLi"
                    document.getElementById(aId).getElementsByTagName('IMG')[0].src = "images/iconPlus.gif"
                    document.getElementById(aId).getElementsByTagName('UL')[0].style.display = 'none'
                } 
                else { 
                    //document.getElementById(aId).className = "opencurrentLi"
                    document.getElementById(aId).getElementsByTagName('IMG')[0].src = "images/iconMinus.gif"
                    document.getElementById(aId).getElementsByTagName('UL')[0].style.display = ''
                } 
            } 
            else { 
                //document.getElementById(aId).className = "noImgLi"
                document.getElementById(aId).getElementsByTagName('IMG')[0].style.visibility = 'hidden'
            } 
        } 
 
     </script> 
     <script type="text/javascript"
         /* <![CDATA[ */
         /* <![CDATA[ */
        
         function isMouseOverGrid(target) {
             parentNode = target;
             while (parentNode != null) {
                 if (parentNode.id == gridId) {
                     return parentNode;
                 }
                 parentNode = parentNode.parentNode;
             }
             return null;
         }
         function onNodeDragging(sender, args) {
             var target = args.get_htmlElement();
             if (!target) return;
             if (target.tagName == "INPUT") {
                 target.style.cursor = "hand";
             }
             var grid = isMouseOverGrid(target)
             if (grid) {
                 grid.style.cursor = "hand";
             }
         }
         function dropOnHtmlElement(args) {
             if (droppedOnInput(args))
                 return;
             if (droppedOnGrid(args))
                 return;
         }
         function droppedOnGrid(args) {
             var target = args.get_htmlElement();
             while (target) {
                 if (target.id == gridId) {
                     args.set_htmlElement(target);
                     return;
                 }
                 target = target.parentNode;
             }
             args.set_cancel(true);
         }
         function droppedOnInput(args) {
             var target = args.get_htmlElement();
             if (target.tagName == "INPUT") {
                 target.style.cursor = "default";
                 target.value = args.get_sourceNode().get_text();
                 args.set_cancel(true);
                 return true;
             }
         }
         function dropOnTree(args) {
             var text = "";
             if (args.get_sourceNodes().length) {
                 var i;
                 for (i = 0; i < args.get_sourceNodes().length; i++) {
                     var node = args.get_sourceNodes()[i];
                     text = text + ', ' + node.get_text();
                 }
             }
         }
         function clientSideEdit(sender, args) {
             var destinationNode = args.get_destNode();
             if (destinationNode) {
                 var firstTreeView = $find('RadTreeView1');
                 var secondTreeView = $find('RadTreeView2');
                 firstTreeView.trackChanges();
                 secondTreeView.trackChanges();
                 var sourceNodes = args.get_sourceNodes();
                 for (var i = 0; i < sourceNodes.length; i++) {
                     var sourceNode = sourceNodes[i];
                     sourceNode.get_parent().get_nodes().remove(sourceNode);
                     if (args.get_dropPosition() == "over") destinationNode.get_nodes().add(sourceNode);
                     if (args.get_dropPosition() == "above") insertBefore(destinationNode, sourceNode);
                     if (args.get_dropPosition() == "below") insertAfter(destinationNode, sourceNode);
                 }
                 destinationNode.set_expanded(true);
                 firstTreeView.commitChanges();
                 secondTreeView.commitChanges();
             }
         }
         function insertBefore(destinationNode, sourceNode) {
             var destinationParent = destinationNode.get_parent();
             var index = destinationParent.get_nodes().indexOf(destinationNode);
             destinationParent.get_nodes().insert(index, sourceNode);
         }
         function insertAfter(destinationNode, sourceNode) {
             var destinationParent = destinationNode.get_parent();
             var index = destinationParent.get_nodes().indexOf(destinationNode);
             destinationParent.get_nodes().insert(index + 1, sourceNode);
         }
         function onNodeDropping(sender, args) {
             var dest = args.get_destNode();
             if (dest) {
                 var clientSide = document.getElementById('ChbClientSide').checked;
                 if (clientSide) {
                     clientSideEdit(sender, args);
                     args.set_cancel(true);
                     return;
                 }
                 dropOnTree(args);
             }
             else {
                 dropOnHtmlElement(args);
             }
         }
         function AddNewItem() {
             var combo = $find("<%= RadComboBox1.ClientID %>");
            
             var intextput = document.getElementById("addmodule").value;
            
             var comboItem = new Telerik.Web.UI.RadComboBoxItem();
             comboItem.set_text(intextput);
             combo.trackChanges();
             combo.get_items().add(comboItem);
             comboItem.select();
             combo.commitChanges();
             comboItem.scrollIntoView();
             document.getElementById('addmodule').style.display = 'none';
             document.getElementById('Additem').style.display = 'none';
         }
         function showadditems() {
             document.getElementById('Additem0').style.display = 'none';
             document.getElementById('addmodule').style.display = '';
             document.getElementById('Additem').style.display = '';
         }
         function checkpwd(id) {
             var pwd = document.getElementById(id).value;
           
             if (pwd== "") {
                 alert('Password is Required');
                 return false;
             } 
             else {
                 return true;
             }
         }
         /* ]]> */ 
            </script> 
    <div> 
     <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager> 
                                                                    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"
                                                                        <AjaxSettings> 
                                                                            <telerik:AjaxSetting AjaxControlID="RadComboBox1"
                                                                                <UpdatedControls> 
                                                                                    <telerik:AjaxUpdatedControl ControlID="RadGrid2" LoadingPanelID="AjaxLoadingPanel2"
                                                                                    </telerik:AjaxUpdatedControl> 
                                                                                </UpdatedControls> 
                                                                            </telerik:AjaxSetting> 
                                                                        </AjaxSettings> 
                                                                    </telerik:RadAjaxManager> 
                                                                     
       <table class="ms-main" height="100%" cellspacing="0" cellpadding="0" width="100%" 
        border="0"
        <tbody> 
            <tr> 
                <td> 
                    <table cellspacing="0" cellpadding="0" width="100%" border="0"
                        <tbody> 
                            <tr> 
                                <td class="ms-globalbreadcrumb" colspan="4"
                                    <span id="TurnOnAccessibility" style="display: none"><class="ms-skip" onclick="SetIsAccessibilityFeatureEnabled(true);UpdateAccessibilityUI();return false;" 
                                        href="http://india.soliverasia.biz/development/Lists/Calendar/calendar.aspx#">Turn 
                                        on more accessible mode</a> </span><a class="ms-skip" accesskey="J" onclick="javascript:this.href='#mainContent';" 
                                            href="javascript:;">Skip to main content</a> 
                                    <table class="ms-globalleft" height="100%" cellspacing="0" cellpadding="0"
                                        <tbody> 
                                            <tr> 
                                                <td class="ms-globallinks" style="padding-top: 2px" valign="center" height="100%"
                                                    <div> 
                                                        <span id="TurnOffAccessibility" style="display: none"><class="ms-acclink" onclick="SetIsAccessibilityFeatureEnabled(false);UpdateAccessibilityUI();return false;" 
                                                            href="http://india.soliverasia.biz/development/Lists/Calendar/calendar.aspx#">Turn 
                                                            off more accessible mode</a> </span><span id="ctl00_PlaceHolderGlobalNavigation_PlaceHolderGlobalNavigationSiteMap_GlobalNavigationSiteMap"
                                                                <span><a class="ms-sitemapdirectional" href="http://india.soliverasia.biz/">s.Oliver 
                                                                </a></span></span> 
                                                    </div> 
                                                </td> 
                                            </tr> 
                                        </tbody> 
                                    </table> 
                                    <table class="ms-globalright" height="100%" cellspacing="0" cellpadding="0"
                                        <tbody> 
                                            <tr> 
                                                <td class="ms-globallinks" style="padding-right: 6px; padding-left: 3px" valign="center"
                                                </td> 
                                                <td class="ms-globallinks" valign="center"
                                                    <span style="display: none"
                                                         
                                                    </span><span title="Open Menu"
                                                         
                                                                     
                                                                      
                                                                     
                                                    </span> 
 
                                                    <script language="javascript" type="text/javascript">                                                        var _spUserId = 155;</script> 
 
                                                </td> 
                                                <td class="ms-globallinks" style="padding-right: 3px; padding-left: 1px"
                                                    &nbsp; 
                                                </td> 
                                                <td class="ms-globallinks" valign="center"
                                                    <table cellspacing="0" cellpadding="0"
                                                        <tbody> 
                                                            <tr> 
                                                                <td class="ms-globallinks"
                                                                    <span style="padding-left: 3px"></span> 
                                                                </td> 
                                                                <td class="ms-globallinks"
                                                                    &nbsp; 
                                                                    
                                                         
                                                                </td> 
                                                            </tr> 
                                                        </tbody> 
                                                    </table> 
                                                </td> 
                                                <td class="ms-globallinks" valign="center"
                                                    &nbsp; 
                                                </td> 
                                            </tr> 
                                        </tbody> 
                                    </table> 
                                </td> 
                            </tr> 
                        </tbody> 
                    </table> 
                </td> 
            </tr> 
            <tr> 
                <td class="ms-globalTitleArea"
                    <table cellspacing="0" cellpadding="0" width="100%" border="0"
                        <tbody> 
                            <tr> 
                                <td class="ms-titleimagearea" id="GlobalTitleAreaImage"
                                    &nbsp;<h1 class="ms-sitetitle"
                                        S .Oliver<id="ctl00_PlaceHolderSiteName_onetidProjectPropertyTitle" href="http://india.soliverasia.biz/development/"
                                            </a> 
                                    </h1> 
                                </td> 
                                <td class="ms-sitetitle" width="100%"
                                    &nbsp;</td> 
                                <td style="padding-top: 8px" valign="top"
                                    &nbsp;</td> 
                            </tr> 
                        </tbody> 
                    </table> 
                </td> 
            </tr> 
            <tr> 
                <td class="ms-bannerContainer" id="onetIdTopNavBarContainer" width="100%"
                    &nbsp;</td> 
            </tr> 
            <tr height="100%"
                <td> 
                    <table height="100%" cellspacing="0" cellpadding="0" width="100%"
                        <tbody> 
                            <tr> 
                                <td id="TitleAreaImageCell"   class="ms-pagetitleareaframe" valign="center" nowrap> 
                                     
                           
                                     
                                </td> 
                                <td  class="style3"
                                    &nbsp;</td> 
                                <td class="ms-pagetitleareaframe" id="onetidPageTitleAreaFrame" valign="top" nowrap> 
                                    <table id="onetidPageTitleAreaTable" cellspacing="0" cellpadding="0" 
                                        border="0"
                                        <tbody> 
                                            <tr> 
                                                <td class="ms-titlearea" valign="top"
                                                    &nbsp;</td> 
                                            </tr> 
                                            <tr> 
                                                <td class="ms-pagetitle" id="onetidPageTitle" valign="top" height="100%"
                                                    <h2 class="ms-pagetitle"
                                                        DB UTILITY</h2> 
                                                </td> 
                                            </tr> 
                                        </tbody> 
                                    </table> 
                                </td> 
                                <td class="ms-titlearearight"
                                    <div class="ms-titleareaframe" style="height: 100%"
                                        <img height="1" alt="" src="Images/blank.gif" width="1"></div> 
                                </td> 
                            </tr> 
                            <tr> 
                                <td class="ms-leftareacell" id="LeftNavigationAreaCell" valign="top" height="100%"
                                    <table class="ms-nav" cellspacing="0" cellpadding="0" width="100%"
                                        <tbody> 
                                            <tr> 
                                                <td> 
                                                    <table class="ms-navframe" cellspacing="0" cellpadding="0" border="0"
                                                        <tbody> 
                                                            <tr valign="top"
                                                                <td width="4"
                                                                    <img height="1" alt="" src="Images/blank.gif" width="4"
                                                                </td> 
                                                                <td valign="top" class="style2" id="quicklaunch"
                                                                     
                                                                    <span style="display: none"><href="http://india.soliverasia.biz/development/_layouts/listedit.aspx?List=661a3483-d30d-40bb-8fa4-845ff50d7074"
                                                                    </a></span
                                                                </td> 
                                                            </tr> 
                                                            <tr> 
                                                                <td colspan="2"
                                                                    <img height="1" alt="" src="Images/blank.gif" width="138"
                                                                </td> 
                                                            </tr> 
                                                        </tbody> 
                                                    </table> 
                                                </td> 
                                                <td> 
                                                 
                                                 
                                                </td> 
                                            </tr> 
                                        </tbody> 
                                    </table> 
                                    
                                     
                                </td> 
                                <td class="style1"
                                    <div class="ms-pagemargin" height="100%"
                                        <img height="1" alt="" src="Images/blank.gif" width="6"></div> 
                                </td> 
                                <td class="ms-bodyareacell" valign="top"
                               
                                    <table class="style4" style="border: 1px solid #8e8e8e"
                                     
                                        <tr> 
                                            <td class="style11"
                                                &nbsp;</td> 
                                            <td class="style7"
                                                Module Name:</td> 
                                            <td class="style38"
                                            </td> 
                                        </tr> 
                                        <tr> 
                                         
                                            <td class="style32"
                                                </td> 
                                            <td class="style33"
                                                <table class="style29"
                                                    <tr> 
                                                        <td class="style31"
                                                            &nbsp;</td> 
                                                                 <td class="style30"
                                                                
                                                                     <telerik:RadComboBox ID="RadComboBox1" Runat="server" Skin="Default2006"  
                                                                          AutoPostBack="True"  
                                                                         onselectedindexchanged="RadComboBox1_SelectedIndexChanged"
 
<Items> 
                                                                             <telerik:RadComboBoxItem runat="server" Text="Select" Value="Select" /> 
                                                                         </Items> 
                                                                         <CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation> 
 
 
                                                                     </telerik:RadComboBox> 
                                                                 </td> 
                                                                 <td> 
                                            <input type="button" id="Additem0" value="Add Module"  onclick="showadditems()"/><asp:Button ID="Record"  
                                                                         runat="server" Text="Enter Records" onclick="Record_Click" /> 
                                                                </td> 
                                                             </tr> 
                                                         </table> 
                                                </td> 
                                            <td class="style39"
                                                </td> 
                                        </tr> 
                                        <tr> 
                                            <td class="style11"
                                                &nbsp;</td> 
                                            <td class="style7"
                                            <input type="text" id="addmodule"  style="display:none" /> 
                                            <input type="button" id="Additem" value="Add"  style="display:none" onclick="AddNewItem()"/> 
                                                &nbsp;</td> 
                                            <td class="style38"
                                             
                                                </td> 
                                        </tr> 
                                         
                                          </table> 
                                          <div id="Div1" runat="server" class="treebdr" runat="server"
                                              
                                               <telerik:RadGrid ID="RadGrid2" GridLines="None" runat="server" AllowAutomaticDeletes="True" 
             AllowAutomaticUpdates="True" AllowPaging="True" AllowSorting="true" 
            AutoGenerateColumns="False"  OnItemDeleted="RadGrid2_ItemDeleted" OnDataBound="RadGrid2_DataBound"  
                                                          ondeletecommand="RadGrid2_DeleteCommand" Skin="Sunset"  OnSortCommand="RadGrid2_SortCommand" 
            > 
<HeaderContextMenu EnableTheming="True" Skin="Sunset"
<CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation> 
</HeaderContextMenu> 
 
            <PagerStyle Mode="NextPrevAndNumeric" /> 
            <MasterTableView Width="100%" DataKeyNames="Mapid" 
                 HorizontalAlign="NotSet"
<RowIndicatorColumn> 
<HeaderStyle Width="20px"></HeaderStyle> 
</RowIndicatorColumn> 
 
<ExpandCollapseColumn> 
<HeaderStyle Width="20px"></HeaderStyle> 
</ExpandCollapseColumn> 
                <Columns> 
                    
                    <telerik:GridBoundColumn DataField="Mapid" HeaderText="Mapid" ReadOnly="True" SortExpression="Mapid" 
                        UniqueName="Mapid" Visible="False"  > 
                        <HeaderStyle Width="20px" ForeColor="Silver" /> 
                        <ItemStyle ForeColor="Silver" /> 
                    </telerik:GridBoundColumn> 
                    <telerik:GridBoundColumn DataField="SourceDB" HeaderText="SourceDB" SortExpression="SourceDB" 
                        UniqueName="SourceDB" SortAscImageUrl="Images/SortDesc.gif" SortDescImageUrl="Images/SortAsc.gif" > 
                    </telerik:GridBoundColumn> 
                    <telerik:GridBoundColumn DataField="SourceTable" HeaderText="SourceTable" SortExpression="SourceTable" 
                        UniqueName="SourceTable" SortAscImageUrl="Images/SortDesc.gif" SortDescImageUrl="Images/SortAsc.gif" > 
                    </telerik:GridBoundColumn> 
                    <telerik:GridBoundColumn DataField="SourceColumn" HeaderText="SourceColumn" 
                        SortExpression="SourceColumn" UniqueName="SourceColumn"  
                         > 
                    </telerik:GridBoundColumn> 
                    <telerik:GridBoundColumn DataField="TargetDB" HeaderText="TargetDB"  
                        SortExpression="TargetDB" UniqueName="TargetDB" SortAscImageUrl="Images/SortDesc.gif" SortDescImageUrl="Images/SortAsc.gif"  > 
                    </telerik:GridBoundColumn> 
                    <telerik:GridBoundColumn DataField="TargetTable" HeaderText="TargetTable"  
                        SortExpression="TargetTable" UniqueName="TargetTable" SortAscImageUrl="Images/SortDesc.gif" SortDescImageUrl="Images/SortAsc.gif"  > 
                    </telerik:GridBoundColumn> 
                    <telerik:GridBoundColumn DataField="Targetcolumn" HeaderText="Targetcolumn"  
                        SortExpression="Targetcolumn" UniqueName="Targetcolumn"   > 
                    </telerik:GridBoundColumn> 
                    <telerik:GridBoundColumn DataField="SourceServer"  
                        GroupByExpression="SourceServer" HeaderText="SourceServer"  
                        SortExpression="SourceServer" UniqueName="SourceServer"  > 
                    </telerik:GridBoundColumn> 
                    <telerik:GridBoundColumn DataField="TargetServer" HeaderText="TargetServer"  
                        SortExpression="TargetServer" UniqueName="TargetServer"   > 
                    </telerik:GridBoundColumn> 
                    <telerik:GridButtonColumn ConfirmText="Delete this Item?" ConfirmDialogType="RadWindow" 
                        ConfirmTitle="Delete" ButtonType="ImageButton" CommandName="Delete" Text="Delete" 
                        UniqueName="DeleteColumn"
                        <ItemStyle HorizontalAlign="Center" CssClass="MyImageButton" /> 
                    </telerik:GridButtonColumn> 
                </Columns> 
                 
            </MasterTableView> 
             
 
<FilterMenu EnableTheming="True" Skin="Sunset"
<CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation> 
</FilterMenu> 
        </telerik:RadGrid> 
                                                     
                                              
                                                      
                                                </div> 
                                              
                                               
                                        <table id="DbTools" runat="server"  
                                                style="border: 1px solid #8e8e8e; width: 626px;" > 
                                        
                                        <tr> 
                                            <td class="style26"
                                                </td> 
                                            <td class="style7"
                                                Source Server:</td> 
                                            <td class="style28"
                                                Destination Server:</td> 
                                        </tr> 
                                        <tr> 
                                            <td class="style13"
                                                </td> 
                                            <td class="style5"
                                                <asp:DropDownList ID="DropDownList1" runat="server" Height="62px" Width="204px"
                                                    <asp:ListItem>INCHAX001\SQLEXPRESS</asp:ListItem> 
                                                    
                                                </asp:DropDownList> 
                                                <br /> 
                                            </td> 
                                            <td class="style25"
                                                <asp:DropDownList ID="DropDownList2" runat="server" Height="46px" Width="204px"
                                                    <asp:ListItem>INCHAX001\SQLEXPRESS</asp:ListItem> 
                                                    
                                                </asp:DropDownList> 
                                            </td> 
                                        </tr> 
                                        <tr> 
                                            <td class="style12"
                                                &nbsp;</td> 
                                            <td class="style24"
                                                <table class="style4"  
                                                    style="border-top-color: #8e8e8e; border-right-color: #8e8e8e; border-bottom-color: #8e8e8e; border-left-color: #8e8e8e; border-width: 1px; border-style: solid"
                                                    <tr> 
                                                        <td class="style14"
                                                            Authentication:</td> 
                                                        <td> 
                                                             
                                                            <asp:RadioButtonList ID="RadioButtonList2" runat="server" AutoPostBack="True"  
                                                                onselectedindexchanged="RadioButtonList2_SelectedIndexChanged"
                                                                <asp:ListItem>Windows</asp:ListItem> 
                                                                <asp:ListItem>Sql</asp:ListItem> 
                                                            </asp:RadioButtonList> 
                                                        </td> 
                                                    </tr> 
                                                </table> 
                                            </td> 
                                            <td class="style10"
 
                                                <table class="style4"  
                                                    style="border-top-color: #8e8e8e; border-right-color: #8e8e8e; border-bottom-color: #8e8e8e; border-left-color: #8e8e8e; border-width: 1px; border-style: solid"
                                                    <tr> 
                                                        <td class="style16"
                                                            Authentication:</td> 
                                                                <td> 
                                                                         
                                                                    <asp:RadioButtonList ID="RadioButtonList3" runat="server" AutoPostBack="True"  
                                                                        onselectedindexchanged="RadioButtonList3_SelectedIndexChanged"
                                                                        <asp:ListItem>Windows</asp:ListItem> 
                                                                        <asp:ListItem>Sql</asp:ListItem> 
                                                                    </asp:RadioButtonList> 
                                                                </td> 
                                                            </tr> 
                                                        </table> 
                                                    </td> 
                                                </tr> 
                                                <tr> 
                                                    <td class="style12"
                                                        &nbsp;</td> 
                                                    <td class="style24"
                                                        <table class="style4"
                                                            <tr> 
                                                                <td class="style14"
                                                                    &nbsp;</td> 
                                                                <td> 
                                                                     
                                                                </td> 
                                                            </tr> 
                                                            </table> 
                                                    </td> 
                                                    <td class="style10"
                                                        <table class="style4"
                                                            <tr> 
                                                                <td class="style16"
                                                                    &nbsp;</td> 
                                                                <td> 
                                                                     
                                                                </td> 
                                                            </tr> 
                                                            </table> 
                                                    </td> 
                                                </tr> 
                                                <tr> 
                                                    <td class="style12"
                                                        &nbsp;</td> 
                                                    <td class="style24"
                                                        &nbsp;&nbsp;&nbsp; 
                                                        <table class="style4"
                                                            <tr> 
                                                                <td class="style17"
                                                                    <asp:Label ID="lbllogin" runat="server" Text="Login:"></asp:Label> 
                                                                </td> 
                                                                <td> 
                                                                    <asp:TextBox ID="TextBox5" runat="server" Width="167px"></asp:TextBox> 
                                                                </td> 
                                                            </tr> 
                                                        </table> 
                                                    <td class="style9"
                                                        &nbsp;&nbsp;&nbsp;&nbsp; 
                                                        <table class="style4"
                                                            <tr> 
                                                                <td class="style17"
                                                                    <asp:Label ID="lbllogin1" runat="server" Text="Login:"></asp:Label> 
                                                                </td> 
                                                                <td> 
                                                                    <asp:TextBox ID="TextBox6" runat="server" Width="167px"></asp:TextBox> 
                                                                </td> 
                                                            </tr> 
                                                        </table> 
                                            </td> 
                                        </tr> 
                                        <tr> 
                                            <td class="style35"
                                                </td> 
                                            <td class="style36"
                                                <asp:Label ID="lblpwd" runat="server" Text="Password:"></asp:Label> 
                                                <asp:TextBox ID="TextBox3" runat="server" Width="167px" TextMode="Password"></asp:TextBox><asp:Button  
                                                    ID="Button4" runat="server" Text="GO" Width="25px"  
                                                    onclick="Button4_Click"  OnClientClick="return checkpwd('TextBox3');"  
                                                    Height="26px"/> 
                                                 
                                                     </td> 
                                            <td class="style37"
                                                <asp:Label ID="lblpwd1" runat="server" Text="Password:"></asp:Label> 
                                                <asp:TextBox ID="TextBox4" runat="server" Width="167px" TextMode="Password"></asp:TextBox><asp:Button  
                                                    ID="Button5" runat="server" Text="GO" Width="26px"  
                                                    onclick="Button5_Click"  OnClientClick="return checkpwd('TextBox4');"/> 
                                                     </td> 
                                        </tr> 
                                        <tr> 
                                            <td class="style40"
                                                </td> 
                                            <td class="style41"
                                                <asp:Label ID="lblstatus1" runat="server" Text="Label" ForeColor="Red"></asp:Label> 
                                                 
                                                     </td> 
                                            <td class="style42"
                                                <asp:Label ID="lblstatus2" runat="server" Text="Label" ForeColor="Red"></asp:Label> 
                                                     </td> 
                                        </tr> 
                                        <tr> 
                                            <td class="style12"
                                             
                                                </td> 
                                                 
                                            <td class="style24"
                                                <asp:Label ID="lbldb" runat="server" Text="Database"></asp:Label> 
                                                     </td> 
                                            <td class="style10"
                                                <asp:Label ID="lbldb1" runat="server" Text="Database"></asp:Label> 
                                                     </td> 
                                        </tr> 
                                        <tr> 
                                            <td class="style12"
                                                &nbsp;</td> 
                                            <td class="style24"
                                             
                                                <asp:DropDownList ID="DropDownList3" runat="server" Height="101px" Width="244px"  
                                                    AutoPostBack="True"  
                                                    onselectedindexchanged="DropDownList3_SelectedIndexChanged"
                                                </asp:DropDownList> 
                                              
                                            </td> 
                                            <td class="style10"
                                             
                                                <asp:DropDownList ID="DropDownList4" runat="server" Height="101px" Width="244px"  
                                                    AutoPostBack="True"  
                                                    onselectedindexchanged="DropDownList4_SelectedIndexChanged"
                                                </asp:DropDownList> 
                                                
                                            </td> 
                                        </tr> 
                                        <tr> 
                                            <td class="style18"
                                                </td> 
                                            <td class="style19"
                                                </td> 
                                            <td class="style20"
                                                </td> 
                                        </tr> 
                                        <tr> 
                                            <td class="style18"
                                                &nbsp;</td> 
                                            <td class="style19"
                                                &nbsp;</td> 
                                        </tr> 
                                        <tr> 
                                            <td class="style18"
                                                &nbsp;</td> 
                                            <td class="style19"
                                                &nbsp;</td> 
                                            <td class="style20"
                                                &nbsp;</td> 
                                        </tr> 
                                        <tr> 
                                            <td class="style12"
                                                &nbsp;</td> 
                                            <td class="style24"
                                                <asp:Label ID="lbltbl" runat="server" Text="Tables:"></asp:Label> 
                                                     </td> 
                                            <td class="style10"
                                                <asp:Label ID="lbltbl1" runat="server" Text="Tables:"></asp:Label> 
                                                     </td> 
                                        </tr> 
                                        <tr> 
                                            <td class="style12"
                                                &nbsp;</td> 
                                            <td class="style24"
                                                &nbsp;</td> 
                                            <td class="style10"
                                                &nbsp;</td> 
                                        </tr> 
                                        <tr> 
                                            <td class="style21"
                                                </td> 
                                            <td class="style22"
                                                <div class="treebdr" id="treeview1" runat="server"
                                                   
                                                    <telerik:radtreeview id="RadTreeView1" runat="server" enabledraganddrop="True"  
                                                       onclientnodedropping="onNodeDropping" onclientnodedragging="onNodeDragging" multipleselect="true" 
                                                        enabledraganddropbetweennodes="true"
                                                   </telerik:radtreeview> 
                                                    
                                                </div> 
                                             </td> 
                                            <td class="style23"
                                             
                                                <div class="treebdr" id="treeview2" runat="server"
                                                  
                                                  
                                                    <telerik:RadTreeView ID="RadTreeView2" runat="server" EnableDragAndDrop="True"  
                                                        OnClientNodeDropping="onNodeDropping"  
                                                        OnClientNodeDragging="onNodeDragging" MultipleSelect="true" 
                                                        EnableDragAndDropBetweenNodes="true" > 
                                                    </telerik:RadTreeView> 
                                                </div> 
                                                </td> 
                                        </tr> 
                                        <tr> 
                                            <td class="style12"
                                                &nbsp;</td> 
                                            <td class="style24"
                                                &nbsp;</td> 
                                            <td class="style10"
                                                &nbsp;</td> 
                                        </tr> 
                                        <tr> 
                                            <td class="style12"
                                                &nbsp;</td> 
                                            <td class="style24"
                                                &nbsp;</td> 
                                            <td class="style10"
                                                &nbsp;</td> 
                                        </tr> 
                                        <tr> 
                                            <td class="style26"
                                                </td> 
                                            <td class="style27"
                                                <asp:Label ID="lblstatus3" runat="server" ForeColor="Red" Text="Label"></asp:Label> 
                                                </td> 
                                            <td class="style28"
                                           
                                                </td> 
                                        </tr> 
                                        <tr> 
                                            <td class="style12"
                                                &nbsp;</td> 
                                            <td class="style24"
                                                <asp:Button ID="Button3" runat="server" Text="Submit" onclick="Button3_Click" /> 
                                            </td> 
                                            <td class="style10"
                                                &nbsp;</td> 
                                        </tr> 
                                        <tr> 
                                            <td class="style12"
                                                &nbsp;</td> 
                                            <td class="style24"
                                                &nbsp;</td> 
                                            <td class="style10"
                                                &nbsp;</td> 
                                        </tr> 
                                        <tr> 
                                            <td class="style12"
                                                &nbsp;</td> 
                                            <td class="style24"
                                                &nbsp;</td> 
                                        </tr> 
                                        <tr> 
                                            <td class="style18"
                                                </td> 
                                            <td class="style19"
                                                </td> 
                                            <td class="style20"
                                                </td> 
                                        </tr> 
                                        <tr> 
                                            <td class="style12"
                                                &nbsp;</td> 
                                            <td class="style24"
                                                &nbsp;</td> 
                                            <td class="style10"
                                                &nbsp;</td> 
                                        </tr> 
                                        <tr> 
                                            <td class="style12"
                                                &nbsp;</td> 
                                            <td class="style24"
                                                &nbsp;</td> 
                                            <td class="style10"
                                                &nbsp;</td> 
                                        </tr> 
                                        <tr> 
                                            <td class="style12"
                                                &nbsp;</td> 
                                            <td class="style24"
                                                &nbsp;</td> 
                                            <td class="style10"
                                                &nbsp;</td> 
                                        </tr> 
                                        </table> 
                                             <br /> 
                                             <asp:Label ID="lblmodulename" runat="server"></asp:Label> 
                                             <br /> 
                                                 
                                                <div id="treeview3" runat="server" class="treebdr" runat="server"
         
                                            
                                                                                        <telerik:RadGrid ID="RadGrid1" GridLines="None" runat="server" AllowAutomaticDeletes="True" 
             AllowAutomaticUpdates="True" AllowPaging="True" AllowSorting="true" 
            AutoGenerateColumns="False"  OnItemDeleted="RadGrid1_ItemDeleted" OnDataBound="RadGrid1_DataBound"  
                                                          ondeletecommand="RadGrid1_DeleteCommand" Skin="Sunset"  OnSortCommand="RadGrid1_SortCommand" 
            > 
<HeaderContextMenu EnableTheming="True" Skin="Sunset"
<CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation> 
</HeaderContextMenu> 
 
            <PagerStyle Mode="NextPrevAndNumeric" /> 
            <MasterTableView Width="100%" DataKeyNames="Mapid" 
                 HorizontalAlign="NotSet"
<RowIndicatorColumn> 
<HeaderStyle Width="20px"></HeaderStyle> 
</RowIndicatorColumn> 
 
<ExpandCollapseColumn> 
<HeaderStyle Width="20px"></HeaderStyle> 
</ExpandCollapseColumn> 
                <Columns> 
                    
                    <telerik:GridBoundColumn DataField="Mapid" HeaderText="Mapid" ReadOnly="True" SortExpression="Mapid" 
                        UniqueName="Mapid" Visible="False"  > 
                        <HeaderStyle Width="20px" ForeColor="Silver" /> 
                        <ItemStyle ForeColor="Silver" /> 
                    </telerik:GridBoundColumn> 
                    <telerik:GridBoundColumn DataField="SourceDB" HeaderText="SourceDB" SortExpression="SourceDB" 
                        UniqueName="SourceDB" SortAscImageUrl="Images/SortDesc.gif" SortDescImageUrl="Images/SortAsc.gif" > 
                    </telerik:GridBoundColumn> 
                    <telerik:GridBoundColumn DataField="SourceTable" HeaderText="SourceTable" SortExpression="SourceTable" 
                        UniqueName="SourceTable" SortAscImageUrl="Images/SortDesc.gif" SortDescImageUrl="Images/SortAsc.gif" > 
                    </telerik:GridBoundColumn> 
                    <telerik:GridBoundColumn DataField="SourceColumn" HeaderText="SourceColumn" 
                        SortExpression="SourceColumn" UniqueName="SourceColumn"  
                         > 
                    </telerik:GridBoundColumn> 
                    <telerik:GridBoundColumn DataField="TargetDB" HeaderText="TargetDB"  
                        SortExpression="TargetDB" UniqueName="TargetDB" SortAscImageUrl="Images/SortDesc.gif" SortDescImageUrl="Images/SortAsc.gif"  > 
                    </telerik:GridBoundColumn> 
                    <telerik:GridBoundColumn DataField="TargetTable" HeaderText="TargetTable"  
                        SortExpression="TargetTable" UniqueName="TargetTable" SortAscImageUrl="Images/SortDesc.gif" SortDescImageUrl="Images/SortAsc.gif"  > 
                    </telerik:GridBoundColumn> 
                    <telerik:GridBoundColumn DataField="Targetcolumn" HeaderText="Targetcolumn"  
                        SortExpression="Targetcolumn" UniqueName="Targetcolumn"   > 
                    </telerik:GridBoundColumn> 
                    <telerik:GridBoundColumn DataField="SourceServer"  
                        GroupByExpression="SourceServer" HeaderText="SourceServer"  
                        SortExpression="SourceServer" UniqueName="SourceServer"  > 
                    </telerik:GridBoundColumn> 
                    <telerik:GridBoundColumn DataField="TargetServer" HeaderText="TargetServer"  
                        SortExpression="TargetServer" UniqueName="TargetServer"   > 
                    </telerik:GridBoundColumn> 
                    <telerik:GridButtonColumn ConfirmText="Delete this Item?" ConfirmDialogType="RadWindow" 
                        ConfirmTitle="Delete" ButtonType="ImageButton" CommandName="Delete" Text="Delete" 
                        UniqueName="DeleteColumn"
                        <ItemStyle HorizontalAlign="Center" CssClass="MyImageButton" /> 
                    </telerik:GridButtonColumn> 
                </Columns> 
                 
            </MasterTableView> 
             
 
<FilterMenu EnableTheming="True" Skin="Sunset"
<CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation> 
</FilterMenu> 
        </telerik:RadGrid>                                                      
                                                     
                                                     
                                                      
                                                                                    </a> 
                                                     
                                                     
                                                      
                                                </div> 
                                                         
                                </td> 
                            </tr> 
                        </tbody> 
                    </table> 
                    
                </td> 
                <td class="ms-rightareacell"
                    <div class="ms-pagemargin"
                        <img height="1" alt="" src="Images/blank.gif" width="10"></div> 
                </td> 
            </tr> 
            <tr> 
                <td class="ms-pagebottommarginleft"
                    <img height="10" alt="" src="Images/blank.gif" width="1"
                </td> 
                <td class="ms-pagebottommargin"
                    <img height="10" alt="" src="Images/blank.gif" width="1"
                </td> 
                <td class="ms-bodyareapagemargin"
                    <img height="10" alt="" src="Images/blank.gif" width="1"
                </td> 
                <td class="ms-pagebottommarginright"
                    <img height="10" alt="" src="Images/blank.gif" width="1"
                </td> 
            </tr> 
        </tbody> 
    </table> 
        <telerik:RadAjaxLoadingPanel ID="AjaxLoadingPanel2" runat="server"
            <img src="Images/loading_icon.gif" alt="loading.." /> 
        </telerik:RadAjaxLoadingPanel> 
    </div> 
    </form> 
</body> 
</html> 
 
haha such a long code isnt it .
Contrary to it i have used another file.

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %> 
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %> 
<!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 runat="server"
    <title></title
    <style type="text/css"
        .style1 
        { 
            height: 25px; 
        } 
    </style> 
     <link href="css/invoice.css" type="text/css" rel="stylesheet" /> 
      <link href="css/Styles.css" type="text/css" rel="stylesheet" /> 
       <link href="css/calendar.css" type="text/css" rel="stylesheet" /> 
    <link href="css/datepicker.css" type="text/css" rel="Stylesheet" /> 
    <link href="css/core.css" type="text/css" rel="stylesheet" /> 
    <link href="css/Card1011-65001.css" type="text/css" rel="Stylesheet" /> 
    <link href="css/drag-drop-folder-tree_2.css" type="text/css" rel="Stylesheet" /> 
<style type="text/css"
        .zz1_TopNavigationMenu_0 
        { 
            display: none; 
            left: 0px; 
            visibility: hidden; 
            position: absolute; 
            top: 0px; 
            background-color: white; 
        } 
        .zz1_TopNavigationMenu_1 
        { 
            text-decoration: none; 
        } 
        .zz1_TopNavigationMenu_2 
        { 
        } 
        .zz1_TopNavigationMenu_3 
        { 
            border-top-style: none; 
            border-right-style: none; 
            border-left-style: none; 
            border-bottom-style: none; 
        } 
        .zz1_TopNavigationMenu_4 
        { 
        } 
        .zz1_TopNavigationMenu_5 
        { 
        } 
        .zz1_TopNavigationMenu_6 
        { 
            border-top-style: none; 
            border-right-style: none; 
            border-left-style: none; 
            border-bottom-style: none; 
        } 
        .zz1_TopNavigationMenu_7 
        { 
        } 
        .zz1_TopNavigationMenu_8 
        { 
            border-right: #a7b4ce 1px solid; 
            border-top: #a7b4ce 1px solid; 
            border-left: #a7b4ce 1px solid; 
            border-bottom: #a7b4ce 1px solid; 
            background-color: #f2f3f4; 
        } 
        .zz1_TopNavigationMenu_9 
        { 
            border-top-style: none; 
            border-right-style: none; 
            border-left-style: none; 
            border-bottom-style: none; 
        } 
        .zz1_TopNavigationMenu_10 
        { 
        } 
        .zz1_TopNavigationMenu_11 
        { 
            border-top-style: none; 
            border-right-style: none; 
            border-left-style: none; 
            border-bottom-style: none; 
        } 
        .zz1_TopNavigationMenu_12 
        { 
        } 
        .zz1_TopNavigationMenu_13 
        { 
            border-top-style: none; 
            border-right-style: none; 
            border-left-style: none; 
            border-bottom-style: none; 
        } 
        .zz1_TopNavigationMenu_14 
        { 
        } 
        .zz1_TopNavigationMenu_15 
        { 
            border-top-style: none; 
            border-right-style: none; 
            border-left-style: none; 
            border-bottom-style: none; 
        } 
        .zz1_TopNavigationMenu_16 
        { 
            background-color: #cbe3f0; 
        } 
        .zz2_QuickLaunchMenu_0 
        { 
            display: none; 
            left: 0px; 
            visibility: hidden; 
            position: absolute; 
            top: 0px; 
            background-color: white; 
        } 
        .zz2_QuickLaunchMenu_1 
        { 
            text-decoration: none; 
        } 
        .zz2_QuickLaunchMenu_2 
        { 
        } 
        .zz2_QuickLaunchMenu_3 
        { 
            border-top-style: none; 
            border-right-style: none; 
            border-left-style: none; 
            border-bottom-style: none; 
        } 
        .zz2_QuickLaunchMenu_4 
        { 
        } 
        .zz2_QuickLaunchMenu_5 
        { 
            border-top-style: none; 
            border-right-style: none; 
            border-left-style: none; 
            border-bottom-style: none; 
        } 
        .zz2_QuickLaunchMenu_6 
        { 
        } 
        .zz2_QuickLaunchMenu_7 
        { 
        } 
        .zz2_QuickLaunchMenu_8 
        { 
            width: 117%; 
        } 
        .zz2_QuickLaunchMenu_9 
        { 
            border-top-style: none; 
            border-right-style: none; 
            border-left-style: none; 
            border-bottom-style: none; 
        } 
        .zz2_QuickLaunchMenu_10 
        { 
        } 
        .zz2_QuickLaunchMenu_11 
        { 
            border-top-style: none; 
            border-right-style: none; 
            border-left-style: none; 
            border-bottom-style: none; 
        } 
        .zz2_QuickLaunchMenu_12 
        { 
        } 
        .ctl00_PlaceHolderMain_Main_0 
        { 
            border-right: black 1px solid; 
            border-top: black 1px solid; 
            border-left: black 1px solid; 
            border-bottom: black 1px solid; 
        } 
        .style1 
        { 
            width: 6px; 
        } 
        .style2 
        { 
            width: 275%; 
            height: 133px; 
        } 
        .ms-navframe 
        { 
            height: 451px; 
            width: 199px; 
        } 
        .style3 
        { 
            text-align: center; 
            width: 6px; 
            background: #fbfbfb url('Images/pageTitleBKGD_cardinal.gif') repeat-x; 
        } 
        .divScroll-3 
        { 
            height: 100px; 
            width: 245px; 
            overflow: scroll; 
            white-space: nowrap; 
        } 
        .style4 
        { 
            width: 70%; 
        } 
        .style5 
        { 
            width: 489px; 
            height: 40px; 
        } 
        .style7 
        { 
            width: 489px; 
            height: 22px; 
            font-size: small; 
        } 
        .style8 
        { 
            height: 22px; 
        } 
        .style9 
        { 
            width: 330px; 
            font-size: small; 
        } 
        .style10 
        { 
            font-size: small; 
        } 
        .style11 
        { 
            width: 15px; 
            height: 22px; 
        } 
        .style12 
        { 
            width: 15px; 
            font-size: small; 
        } 
        .style13 
        { 
            width: 15px; 
            height: 40px; 
        } 
        .style14 
        { 
            width: 107px; 
        } 
        .style16 
        { 
            width: 103px; 
        } 
        .style17 
        { 
            width: 60px; 
        } 
        .treebdr { overflow:scroll; border: solid 1px #000000; padding:10px 10px 10px 10px; height: 200px; width: 55%; } 
 
         
 
 
        .style18 
        { 
            width: 15px; 
            font-size: small; 
            height: 20px; 
        } 
        .style19 
        { 
            width: 489px; 
            font-size: small; 
            height: 20px; 
        } 
        .style20 
        { 
            font-size: small; 
            height: 20px; 
        } 
        .style21 
        { 
            width: 15px; 
            font-size: small; 
            height: 59px; 
        } 
        .style22 
        { 
            width: 489px; 
            font-size: small; 
            height: 59px; 
        } 
        .style23 
        { 
            font-size: small; 
            height: 59px; 
        } 
 
         
 
 
        .style24 
        { 
            width: 489px; 
            font-size: small; 
        } 
 
         
 
 
        .style25 
        { 
            height: 40px; 
        } 
 
         
 
 
        .style26 
        { 
            width: 15px; 
            font-size: small; 
            height: 22px; 
        } 
        .style27 
        { 
            width: 489px; 
            font-size: small; 
            height: 22px; 
        } 
        .style28 
        { 
            font-size: small; 
            height: 22px; 
        } 
        
         
 
 
    .RadComboBox_Default2006 
    vertical-align:bottom; 
    text-align: left; 
 
.RadComboBox_Default2006 
    font:12px arial,verdana,sans-serif; 
    color:#333; 
 
 
.RadComboBox_Default2006 * 
    margin:0; 
    padding:0; 
 
.RadComboBox_Default2006 .rcbInput 
    font:12px arial,verdana,sans-serif; 
    color:#333; 
 
         
 
 
        .qsfButton 
        { 
            width: 77px; 
        } 
        .style29 
        { 
            width: 122%; 
        } 
 
         
 
 
        .style30 
        { 
            width: 30px; 
        } 
 
         
 
 
        .RadGrid_Sunset 
    border:1px solid #cbbda9; 
    border-top-color:#958e84; 
 
.RadGrid_Sunset 
    font:11px arial,sans-serif; 
 
.RadGrid_Sunset 
    background:#f4ede1; 
    color:#272522; 
 
.MasterTable_Sunset 
    border-collapse:separate !important; 
 
.MasterTable_Sunset 
    font:11px arial,sans-serif; 
 
.GridHeader_Sunset 
    color:#fff; 
    text-decoration:none; 
 
.GridHeader_Sunset 
    border-bottom:1px solid #8f2b00; 
    padding-top:8px; 
    padding-bottom:8px; 
    background:#b05a33 url('mvwres://Telerik.Web.UI, Version=2008.3.1105.35, Culture=neutralPublicKeyToken=121fae78165ba3d4/Telerik.Web.UI.Skins.Sunset.Grid.sprite.gif') 0 0 repeat-x; 
    font-size:13px; 
    font-weight:normal; 
    text-align:left; 
 
.GridHeader_Sunset 
    padding-left:4px; 
    padding-right:4px; 
 
.GridPager_Sunset 
    background:#ded6c6; 
    line-height:20px; 
 
.PagerLeft_Sunset 
    float:left; 
 
.RadGrid_Sunset .rgPagePrev 
    background-position:5px -717px; 
 
.RadGrid_Sunset .rgPagePrev 
    width:16px; 
    height:16px; 
    border:0; 
    padding:0; 
    background-color:transparent; 
    background-image:url('mvwres://Telerik.Web.UI, Version=2008.3.1105.35, Culture=neutralPublicKeyToken=121fae78165ba3d4/Telerik.Web.UI.Skins.Sunset.Grid.sprite.gif'); 
    background-repeat:no-repeat; 
    cursor:pointer; 
 
.RadGrid_Sunset .rgPageNext 
    background-position:-21px -717px; 
 
.RadGrid_Sunset .rgPageNext 
    width:16px; 
    height:16px; 
    border:0; 
    padding:0; 
    background-color:transparent; 
    background-image:url('mvwres://Telerik.Web.UI, Version=2008.3.1105.35, Culture=neutralPublicKeyToken=121fae78165ba3d4/Telerik.Web.UI.Skins.Sunset.Grid.sprite.gif'); 
    background-repeat:no-repeat; 
    cursor:pointer; 
 
.PagerRight_Sunset 
    float:right; 
 
.GridRow_Sunset 
    background:#ebe4d6; 
 
         
 
 
    .GridCommandRow_Sunset 
    background:#746c61 url('mvwres://Telerik.Web.UI, Version=2008.3.1105.35, Culture=neutralPublicKeyToken=121fae78165ba3d4/Telerik.Web.UI.Skins.Sunset.Grid.sprite.gif') 0 -1197px repeat-x; 
    color:#fff; 
 
.RadGrid_Sunset .rgAdd 
    background-position:0 -841px; 
 
.RadGrid_Sunset .rgAdd 
    width:16px; 
    height:16px; 
    border:0; 
    padding:0; 
    background-color:transparent; 
    background-image:url('mvwres://Telerik.Web.UI, Version=2008.3.1105.35, Culture=neutralPublicKeyToken=121fae78165ba3d4/Telerik.Web.UI.Skins.Sunset.Grid.sprite.gif'); 
    background-repeat:no-repeat; 
    cursor:pointer; 
 
.RadGrid_Sunset .rgRefresh 
    background-position:0 -901px; 
 
.RadGrid_Sunset .rgRefresh 
    width:16px; 
    height:16px; 
    border:0; 
    padding:0; 
    background-color:transparent; 
    background-image:url('mvwres://Telerik.Web.UI, Version=2008.3.1105.35, Culture=neutralPublicKeyToken=121fae78165ba3d4/Telerik.Web.UI.Skins.Sunset.Grid.sprite.gif'); 
    background-repeat:no-repeat; 
    cursor:pointer; 
 
         
 
 
        .style32 
        { 
            width: 100%; 
        } 
        .style33 
        { 
            width: 116px; 
            font-size: small; 
        } 
        .style34 
        { 
            width: 26px; 
        } 
        #Additem0 
        { 
            width: 37px; 
        } 
        .style35 
        { 
            width: 94px; 
        } 
        #Button1 
        { 
            width: 90px; 
        } 
 
         
 
 
        .ms-main 
        { 
            width: 119%; 
        } 
 
         
 
 
        </style> 
</head> 
<body> 
    <form id="form1" runat="server"
    <div> 
    <asp:ScriptManager ID="ScriptManager1" runat="server" /> 
     <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"
            <AjaxSettings> 
                <telerik:AjaxSetting AjaxControlID="RadComboBox1"
                    <UpdatedControls> 
                        <telerik:AjaxUpdatedControl ControlID="RadGrid2" LoadingPanelID="AjaxLoadingPanel2"
                        </telerik:AjaxUpdatedControl> 
                    </UpdatedControls> 
                </telerik:AjaxSetting> 
            </AjaxSettings> 
        </telerik:RadAjaxManager> 
        <telerik:RadComboBox ID="RadComboBox1" runat="server" Width="186px" CssClass="ComboBox_Continents" 
            OnSelectedIndexChanged="RadComboBox1_SelectedIndexChanged" AutoPostBack="true"
            <CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation> 
        </telerik:RadComboBox> 
     
    <div class="treebdr" id="treeview1" runat="server"
                                                                <%--<telerik:RadTreeView ID="RadTreeView1" runat="server" EnableDragAndDrop="True"  
                                                                    MultipleSelect="true" > 
                                                                </telerik:RadTreeView>--%> 
                                                                 
                                                                 
                                                                <telerik:RadGrid ID="RadGrid2" GridLines="None" runat="server" AllowAutomaticDeletes="True" 
                                                                    AllowAutomaticUpdates="True"  AutoGenerateColumns="False"  
                                                                    OnDataBound="RadGrid2_DataBound" Skin="Sunset" 
                                                                    Width="745px" AllowPaging="true" AllowSorting="True"
                                                                    <HeaderContextMenu EnableTheming="True" Skin="Sunset"
                                                                        <CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation> 
                                                                    </HeaderContextMenu> 
                                                                    <PagerStyle Mode="NextPrevAndNumeric" /> 
                                                                    <MasterTableView Width="100%" DataKeyNames="Mapid" HorizontalAlign="NotSet"
                                                                        <RowIndicatorColumn> 
                                                                            <HeaderStyle Width="20px"></HeaderStyle> 
                                                                        </RowIndicatorColumn> 
                                                                        <ExpandCollapseColumn> 
                                                                            <HeaderStyle Width="20px"></HeaderStyle> 
                                                                        </ExpandCollapseColumn> 
                                                                        <Columns> 
                                                                            <telerik:GridBoundColumn DataField="Mapid" HeaderText="Mapid" ReadOnly="True" SortExpression="Mapid" 
                                                                                UniqueName="Mapid" Visible="False"
                                                                                <HeaderStyle Width="20px" ForeColor="Silver" /> 
                                                                                <ItemStyle ForeColor="Silver" /> 
                                                                            </telerik:GridBoundColumn> 
                                                                            <telerik:GridBoundColumn DataField="SourceDB" HeaderText="SourceDB" SortExpression="SourceDB" 
                                                                                UniqueName="SourceDB"
                                                                            </telerik:GridBoundColumn> 
                                                                            <telerik:GridBoundColumn DataField="SourceTable" HeaderText="SourceTable" SortExpression="SourceTable" 
                                                                                UniqueName="SourceTable"
                                                                            </telerik:GridBoundColumn> 
                                                                            <telerik:GridBoundColumn DataField="SourceColumn" HeaderText="SourceColumn" SortExpression="SourceColumn" 
                                                                                UniqueName="SourceColumn"
                                                                            </telerik:GridBoundColumn> 
                                                                            <telerik:GridBoundColumn DataField="TargetDB" HeaderText="TargetDB" SortExpression="TargetDB" 
                                                                                UniqueName="TargetDB"
                                                                            </telerik:GridBoundColumn> 
                                                                            <telerik:GridBoundColumn DataField="TargetTable" HeaderText="TargetTable" SortExpression="TargetTable" 
                                                                                UniqueName="TargetTable"
                                                                            </telerik:GridBoundColumn> 
                                                                            <telerik:GridBoundColumn DataField="Targetcolumn" HeaderText="Targetcolumn" SortExpression="Targetcolumn" 
                                                                                UniqueName="Targetcolumn"
                                                                            </telerik:GridBoundColumn> 
                                                                            <telerik:GridBoundColumn DataField="SourceServer" GroupByExpression="SourceServer" 
                                                                                HeaderText="SourceServer" SortExpression="SourceServer" UniqueName="SourceServer""> 
                                                                            </telerik:GridBoundColumn> 
                                                                            <telerik:GridBoundColumn DataField="TargetServer" HeaderText="TargetServer" SortExpression="TargetServer" 
                                                                                UniqueName="TargetServer"
                                                                            </telerik:GridBoundColumn> 
                                                                            <telerik:GridButtonColumn ConfirmText="Delete this Items?" ConfirmDialogType="RadWindow" 
                                                                                ConfirmTitle="Delete" ButtonType="ImageButton" CommandName="Delete" Text="Delete" 
                                                                                UniqueName="DeleteColumn"
                                                                                <ItemStyle HorizontalAlign="Center" CssClass="MyImageButton" /> 
                                                                            </telerik:GridButtonColumn> 
                                                                        </Columns> 
                                                                    </MasterTableView> 
                                                                     
                                                                    <FilterMenu EnableTheming="True" Skin="Sunset"
                                                                        <CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation> 
                                                                    </FilterMenu> 
                                                                </telerik:RadGrid> 
                                                            </div> 
                                                             
                                                             
                                                             
                                                             
                                                             
                                                             
     <telerik:RadAjaxLoadingPanel ID="AjaxLoadingPanel1" runat="server"/> 
        <telerik:RadAjaxLoadingPanel ID="AjaxLoadingPanel2" runat="server">  
        <img src="Images/loading_icon.gif" /> 
        </telerik:RadAjaxLoadingPanel> 
    </div> 
    </form> 
</body> 
</html> 
 

The Above Code Works Fine But if I Try to implement the First Code
Am Getting the JavaScript Error as follows.
Microsoft JScript runtime error: Sys.InvalidOperationException: Could not find UpdatePanel with ID 'RadGrid2Panel'. If it is being updated dynamically then it must be inside another UpdatePanel.
0
balaji
Top achievements
Rank 1
answered on 15 Jun 2009, 11:18 AM
Hey Folks.
Please Help me to Resolve this Problem.
I need to Solve this Issue as this is Seemed to be a show Stopper for my project.
Thanks
Regards
N.Balaji
0
balaji
Top achievements
Rank 1
answered on 15 Jun 2009, 11:20 AM
Hey Folks.
Please Help me to Resolve this Problem.
I need to Solve this Issue as this is Seemed to be a show Stopper for my project.
Thanks
Regards
N.Balaji
0
Pavel
Telerik team
answered on 16 Jun 2009, 11:13 AM
Hi balaji,

Since I cannot run your markup it is very hard for me to help you resolve the error. Can you specify when is the error observed? Is it when the page loads or after some specific action? Can you paste a simple runnable markup that illustrates the issue? Alternatively you may consider opening a regular support ticket and attaching to it a small runnable sample which exhibits the undesired behavior.

All the best,
Pavel
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
0
balaji
Top achievements
Rank 1
answered on 16 Jun 2009, 11:32 AM
Hi Pavel,
Thanks for Your Swift Reply.
Actually The Problem Occurs when i try to Click the RadCombo.
The Situation is that :Consider am binding Some Employees names in the RadCombo if i try to  click any one Employee name in the RadCombo i should bind the Grid Accordingly.
On that Point am Getting Error.
a)How to Book the Support Ticket.
b) Is there any other Provisions like Remote Presentation or webex kind of things so that i can show you a clear picture.
c)Do you have any other Support kind of things if so plz let me knw the Number.
Thanks
Regards
N.Balaji
0
Pavel
Telerik team
answered on 17 Jun 2009, 06:54 AM
Hi balaji,

We do not provide phone support or resort to Goto Meeting only as final measure if all else fails. In your particular case sending a simple runnable sample with illustrates the issue should be sufficient. You can open a support ticket from the support section of your client.net account. Note that in order to be able to do so, it is required to have downloaded any of our products. I am attaching a screenshot for reference.

Kind regards,
Pavel
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
0
balaji
Top achievements
Rank 1
answered on 24 Jun 2009, 07:25 AM
Hey people,
now ive tried to use the radajax panel at a certain time am getting the error as
"Microsoft JScript runtime error: Sys.WebForms.PageRequestManagerServerErrorException: Invalid postback or callback argument.  Event validation is enabled using <pages enableEventValidation="true"/> in configuration or <%@ Page EnableEventValidation="true" %> in a page.  For security purposes, this feature verifies that arguments to postback or callback events originate from the server control that originally rendered them.  If the data is valid and expected, use the ClientScriptManager.RegisterForEventValidation method in order to register the postback or callback data for validation."

i find no actions take place if i click enableevent validation="false"

a)may i knw what is the cause of this error?
b)In Most of the Telerik Demo i find that they have been using sql datasource to bind data to the controls rather than code behind,wuld that be the reason for it?

Guys this is getting so serious and close pls just give me hint and ill be so greatfull to you all.
Awaiting for your Swift Reply
Thanks
Regards
N.Balaji


0
Prasad
Top achievements
Rank 1
answered on 14 Sep 2011, 11:20 AM
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %> 
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %> 
<!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 runat="server"
    <title></title
    <style type="text/css"
        .style1 
        { 
            height: 25px; 
        } 
    </style> 
     <link href="css/invoice.css" type="text/css" rel="stylesheet" /> 
      <link href="css/Styles.css" type="text/css" rel="stylesheet" /> 
       <link href="css/calendar.css" type="text/css" rel="stylesheet" /> 
    <link href="css/datepicker.css" type="text/css" rel="Stylesheet" /> 
    <link href="css/core.css" type="text/css" rel="stylesheet" /> 
    <link href="css/Card1011-65001.css" type="text/css" rel="Stylesheet" /> 
    <link href="css/drag-drop-folder-tree_2.css" type="text/css" rel="Stylesheet" /> 
<style type="text/css"
        .zz1_TopNavigationMenu_0 
        { 
            display: none; 
            left: 0px; 
            visibility: hidden; 
            position: absolute; 
            top: 0px; 
            background-color: white; 
        } 
        .zz1_TopNavigationMenu_1 
        { 
            text-decoration: none; 
        } 
        .zz1_TopNavigationMenu_2 
        { 
        } 
        .zz1_TopNavigationMenu_3 
        { 
            border-top-style: none; 
            border-right-style: none; 
            border-left-style: none; 
            border-bottom-style: none; 
        } 
        .zz1_TopNavigationMenu_4 
        { 
        } 
        .zz1_TopNavigationMenu_5 
        { 
        } 
        .zz1_TopNavigationMenu_6 
        { 
            border-top-style: none; 
            border-right-style: none; 
            border-left-style: none; 
            border-bottom-style: none; 
        } 
        .zz1_TopNavigationMenu_7 
        { 
        } 
        .zz1_TopNavigationMenu_8 
        { 
            border-right: #a7b4ce 1px solid; 
            border-top: #a7b4ce 1px solid; 
            border-left: #a7b4ce 1px solid; 
            border-bottom: #a7b4ce 1px solid; 
            background-color: #f2f3f4; 
        } 
        .zz1_TopNavigationMenu_9 
        { 
            border-top-style: none; 
            border-right-style: none; 
            border-left-style: none; 
            border-bottom-style: none; 
        } 
        .zz1_TopNavigationMenu_10 
        { 
        } 
        .zz1_TopNavigationMenu_11 
        { 
            border-top-style: none; 
            border-right-style: none; 
            border-left-style: none; 
            border-bottom-style: none; 
        } 
        .zz1_TopNavigationMenu_12 
        { 
        } 
        .zz1_TopNavigationMenu_13 
        { 
            border-top-style: none; 
            border-right-style: none; 
            border-left-style: none; 
            border-bottom-style: none; 
        } 
        .zz1_TopNavigationMenu_14 
        { 
        } 
        .zz1_TopNavigationMenu_15 
        { 
            border-top-style: none; 
            border-right-style: none; 
            border-left-style: none; 
            border-bottom-style: none; 
        } 
        .zz1_TopNavigationMenu_16 
        { 
            background-color: #cbe3f0; 
        } 
        .zz2_QuickLaunchMenu_0 
        { 
            display: none; 
            left: 0px; 
            visibility: hidden; 
            position: absolute; 
            top: 0px; 
            background-color: white; 
        } 
        .zz2_QuickLaunchMenu_1 
        { 
            text-decoration: none; 
        } 
        .zz2_QuickLaunchMenu_2 
        { 
        } 
        .zz2_QuickLaunchMenu_3 
        { 
            border-top-style: none; 
            border-right-style: none; 
            border-left-style: none; 
            border-bottom-style: none; 
        } 
        .zz2_QuickLaunchMenu_4 
        { 
        } 
        .zz2_QuickLaunchMenu_5 
        { 
            border-top-style: none; 
            border-right-style: none; 
            border-left-style: none; 
            border-bottom-style: none; 
        } 
        .zz2_QuickLaunchMenu_6 
        { 
        } 
        .zz2_QuickLaunchMenu_7 
        { 
        } 
        .zz2_QuickLaunchMenu_8 
        { 
            width: 117%; 
        } 
        .zz2_QuickLaunchMenu_9 
        { 
            border-top-style: none; 
            border-right-style: none; 
            border-left-style: none; 
            border-bottom-style: none; 
        } 
        .zz2_QuickLaunchMenu_10 
        { 
        } 
        .zz2_QuickLaunchMenu_11 
        { 
            border-top-style: none; 
            border-right-style: none; 
            border-left-style: none; 
            border-bottom-style: none; 
        } 
        .zz2_QuickLaunchMenu_12 
        { 
        } 
        .ctl00_PlaceHolderMain_Main_0 
        { 
            border-right: black 1px solid; 
            border-top: black 1px solid; 
            border-left: black 1px solid; 
            border-bottom: black 1px solid; 
        } 
        .style1 
        { 
            width: 6px; 
        } 
        .style2 
        { 
            width: 275%; 
            height: 133px; 
        } 
        .ms-navframe 
        { 
            height: 451px; 
            width: 199px; 
        } 
        .style3 
        { 
            text-align: center; 
            width: 6px; 
            background: #fbfbfb url('Images/pageTitleBKGD_cardinal.gif') repeat-x; 
        } 
        .divScroll-3 
        { 
            height: 100px; 
            width: 245px; 
            overflow: scroll; 
            white-space: nowrap; 
        } 
        .style4 
        { 
            width: 70%; 
        } 
        .style5 
        { 
            width: 489px; 
            height: 40px; 
        } 
        .style7 
        { 
            width: 489px; 
            height: 22px; 
            font-size: small; 
        } 
        .style8 
        { 
            height: 22px; 
        } 
        .style9 
        { 
            width: 330px; 
            font-size: small; 
        } 
        .style10 
        { 
            font-size: small; 
        } 
        .style11 
        { 
            width: 15px; 
            height: 22px; 
        } 
        .style12 
        { 
            width: 15px; 
            font-size: small; 
        } 
        .style13 
        { 
            width: 15px; 
            height: 40px; 
        } 
        .style14 
        { 
            width: 107px; 
        } 
        .style16 
        { 
            width: 103px; 
        } 
        .style17 
        { 
            width: 60px; 
        } 
        .treebdr { overflow:scroll; border: solid 1px #000000; padding:10px 10px 10px 10px; height: 200px; width: 55%; } 
 
         
 
 
        .style18 
        { 
            width: 15px; 
            font-size: small; 
            height: 20px; 
        } 
        .style19 
        { 
            width: 489px; 
            font-size: small; 
            height: 20px; 
        } 
        .style20 
        { 
            font-size: small; 
            height: 20px; 
        } 
        .style21 
        { 
            width: 15px; 
            font-size: small; 
            height: 59px; 
        } 
        .style22 
        { 
            width: 489px; 
            font-size: small; 
            height: 59px; 
        } 
        .style23 
        { 
            font-size: small; 
            height: 59px; 
        } 
 
         
 
 
        .style24 
        { 
            width: 489px; 
            font-size: small; 
        } 
 
         
 
 
        .style25 
        { 
            height: 40px; 
        } 
 
         
 
 
        .style26 
        { 
            width: 15px; 
            font-size: small; 
            height: 22px; 
        } 
        .style27 
        { 
            width: 489px; 
            font-size: small; 
            height: 22px; 
        } 
        .style28 
        { 
            font-size: small; 
            height: 22px; 
        } 
        
         
 
 
    .RadComboBox_Default2006 
    vertical-align:bottom; 
    text-align: left; 
 
.RadComboBox_Default2006 
    font:12px arial,verdana,sans-serif; 
    color:#333; 
 
 
.RadComboBox_Default2006 * 
    margin:0; 
    padding:0; 
 
.RadComboBox_Default2006 .rcbInput 
    font:12px arial,verdana,sans-serif; 
    color:#333; 
 
         
 
 
        .qsfButton 
        { 
            width: 77px; 
        } 
        .style29 
        { 
            width: 122%; 
        } 
 
         
 
 
        .style30 
        { 
            width: 30px; 
        } 
 
         
 
 
        .RadGrid_Sunset 
    border:1px solid #cbbda9; 
    border-top-color:#958e84; 
 
.RadGrid_Sunset 
    font:11px arial,sans-serif; 
 
.RadGrid_Sunset 
    background:#f4ede1; 
    color:#272522; 
 
.MasterTable_Sunset 
    border-collapse:separate !important; 
 
.MasterTable_Sunset 
    font:11px arial,sans-serif; 
 
.GridHeader_Sunset 
    color:#fff; 
    text-decoration:none; 
 
.GridHeader_Sunset 
    border-bottom:1px solid #8f2b00; 
    padding-top:8px; 
    padding-bottom:8px; 
    background:#b05a33 url('mvwres://Telerik.Web.UI, Version=2008.3.1105.35, Culture=neutralPublicKeyToken=121fae78165ba3d4/Telerik.Web.UI.Skins.Sunset.Grid.sprite.gif') 0 0 repeat-x; 
    font-size:13px; 
    font-weight:normal; 
    text-align:left; 
 
.GridHeader_Sunset 
    padding-left:4px; 
    padding-right:4px; 
 
.GridPager_Sunset 
    background:#ded6c6; 
    line-height:20px; 
 
.PagerLeft_Sunset 
    float:left; 
 
.RadGrid_Sunset .rgPagePrev 
    background-position:5px -717px; 
 
.RadGrid_Sunset .rgPagePrev 
    width:16px; 
    height:16px; 
    border:0; 
    padding:0; 
    background-color:transparent; 
    background-image:url('mvwres://Telerik.Web.UI, Version=2008.3.1105.35, Culture=neutralPublicKeyToken=121fae78165ba3d4/Telerik.Web.UI.Skins.Sunset.Grid.sprite.gif'); 
    background-repeat:no-repeat; 
    cursor:pointer; 
 
.RadGrid_Sunset .rgPageNext 
    background-position:-21px -717px; 
 
.RadGrid_Sunset .rgPageNext 
    width:16px; 
    height:16px; 
    border:0; 
    padding:0; 
    background-color:transparent; 
    background-image:url('mvwres://Telerik.Web.UI, Version=2008.3.1105.35, Culture=neutralPublicKeyToken=121fae78165ba3d4/Telerik.Web.UI.Skins.Sunset.Grid.sprite.gif'); 
    background-repeat:no-repeat; 
    cursor:pointer; 
 
.PagerRight_Sunset 
    float:right; 
 
.GridRow_Sunset 
    background:#ebe4d6; 
 
         
 
 
    .GridCommandRow_Sunset 
    background:#746c61 url('mvwres://Telerik.Web.UI, Version=2008.3.1105.35, Culture=neutralPublicKeyToken=121fae78165ba3d4/Telerik.Web.UI.Skins.Sunset.Grid.sprite.gif') 0 -1197px repeat-x; 
    color:#fff; 
 
.RadGrid_Sunset .rgAdd 
    background-position:0 -841px; 
 
.RadGrid_Sunset .rgAdd 
    width:16px; 
    height:16px; 
    border:0; 
    padding:0; 
    background-color:transparent; 
    background-image:url('mvwres://Telerik.Web.UI, Version=2008.3.1105.35, Culture=neutralPublicKeyToken=121fae78165ba3d4/Telerik.Web.UI.Skins.Sunset.Grid.sprite.gif'); 
    background-repeat:no-repeat; 
    cursor:pointer; 
 
.RadGrid_Sunset .rgRefresh 
    background-position:0 -901px; 
 
.RadGrid_Sunset .rgRefresh 
    width:16px; 
    height:16px; 
    border:0; 
    padding:0; 
    background-color:transparent; 
    background-image:url('mvwres://Telerik.Web.UI, Version=2008.3.1105.35, Culture=neutralPublicKeyToken=121fae78165ba3d4/Telerik.Web.UI.Skins.Sunset.Grid.sprite.gif'); 
    background-repeat:no-repeat; 
    cursor:pointer; 
 
         
 
 
        .style32 
        { 
            width: 100%; 
        } 
        .style33 
        { 
            width: 116px; 
            font-size: small; 
        } 
        .style34 
        { 
            width: 26px; 
        } 
        #Additem0 
        { 
            width: 37px; 
        } 
        .style35 
        { 
            width: 94px; 
        } 
        #Button1 
        { 
            width: 90px; 
        } 
 
         
 
 
        .ms-main 
        { 
            width: 119%; 
        } 
 
         
 
 
        </style> 
</head> 
<body> 
    <form id="form1" runat="server"
    <div> 
    <asp:ScriptManager ID="ScriptManager1" runat="server" /> 
     <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"
            <AjaxSettings> 
                <telerik:AjaxSetting AjaxControlID="RadComboBox1"
                    <UpdatedControls> 
                        <telerik:AjaxUpdatedControl ControlID="RadGrid2" LoadingPanelID="AjaxLoadingPanel2"
                        </telerik:AjaxUpdatedControl> 
                    </UpdatedControls> 
                </telerik:AjaxSetting> 
            </AjaxSettings> 
        </telerik:RadAjaxManager> 
        <telerik:RadComboBox ID="RadComboBox1" runat="server" Width="186px" CssClass="ComboBox_Continents" 
            OnSelectedIndexChanged="RadComboBox1_SelectedIndexChanged" AutoPostBack="true"
            <CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation> 
        </telerik:RadComboBox> 
     
    <div class="treebdr" id="treeview1" runat="server"
                                                                <%--<telerik:RadTreeView ID="RadTreeView1" runat="server" EnableDragAndDrop="True"  
                                                                    MultipleSelect="true" > 
                                                                </telerik:RadTreeView>--%> 
                                                                 
                                                                 
                                                                <telerik:RadGrid ID="RadGrid2" GridLines="None" runat="server" AllowAutomaticDeletes="True" 
                                                                    AllowAutomaticUpdates="True"  AutoGenerateColumns="False"  
                                                                    OnDataBound="RadGrid2_DataBound" Skin="Sunset" 
                                                                    Width="745px" AllowPaging="true" AllowSorting="True"
                                                                    <HeaderContextMenu EnableTheming="True" Skin="Sunset"
                                                                        <CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation> 
                                                                    </HeaderContextMenu> 
                                                                    <PagerStyle Mode="NextPrevAndNumeric" /> 
                                                                    <MasterTableView Width="100%" DataKeyNames="Mapid" HorizontalAlign="NotSet"
                                                                        <RowIndicatorColumn> 
                                                                            <HeaderStyle Width="20px"></HeaderStyle> 
                                                                        </RowIndicatorColumn> 
                                                                        <ExpandCollapseColumn> 
                                                                            <HeaderStyle Width="20px"></HeaderStyle> 
                                                                        </ExpandCollapseColumn> 
                                                                        <Columns> 
                                                                            <telerik:GridBoundColumn DataField="Mapid" HeaderText="Mapid" ReadOnly="True" SortExpression="Mapid" 
                                                                                UniqueName="Mapid" Visible="False"
                                                                                <HeaderStyle Width="20px" ForeColor="Silver" /> 
                                                                                <ItemStyle ForeColor="Silver" /> 
                                                                            </telerik:GridBoundColumn> 
                                                                            <telerik:GridBoundColumn DataField="SourceDB" HeaderText="SourceDB" SortExpression="SourceDB" 
                                                                                UniqueName="SourceDB"
                                                                            </telerik:GridBoundColumn> 
                                                                            <telerik:GridBoundColumn DataField="SourceTable" HeaderText="SourceTable" SortExpression="SourceTable" 
                                                                                UniqueName="SourceTable"
                                                                            </telerik:GridBoundColumn> 
                                                                            <telerik:GridBoundColumn DataField="SourceColumn" HeaderText="SourceColumn" SortExpression="SourceColumn" 
                                                                                UniqueName="SourceColumn"
                                                                            </telerik:GridBoundColumn> 
                                                                            <telerik:GridBoundColumn DataField="TargetDB" HeaderText="TargetDB" SortExpression="TargetDB" 
                                                                                UniqueName="TargetDB"
                                                                            </telerik:GridBoundColumn> 
                                                                            <telerik:GridBoundColumn DataField="TargetTable" HeaderText="TargetTable" SortExpression="TargetTable" 
                                                                                UniqueName="TargetTable"
                                                                            </telerik:GridBoundColumn> 
                                                                            <telerik:GridBoundColumn DataField="Targetcolumn" HeaderText="Targetcolumn" SortExpression="Targetcolumn" 
                                                                                UniqueName="Targetcolumn"
                                                                            </telerik:GridBoundColumn> 
                                                                            <telerik:GridBoundColumn DataField="SourceServer" GroupByExpression="SourceServer" 
                                                                                HeaderText="SourceServer" SortExpression="SourceServer" UniqueName="SourceServer""> 
                                                                            </telerik:GridBoundColumn> 
                                                                            <telerik:GridBoundColumn DataField="TargetServer" HeaderText="TargetServer" SortExpression="TargetServer" 
                                                                                UniqueName="TargetServer"
                                                                            </telerik:GridBoundColumn> 
                                                                            <telerik:GridButtonColumn ConfirmText="Delete this Items?" ConfirmDialogType="RadWindow" 
                                                                                ConfirmTitle="Delete" ButtonType="ImageButton" CommandName="Delete" Text="Delete" 
                                                                                UniqueName="DeleteColumn"
                                                                                <ItemStyle HorizontalAlign="Center" CssClass="MyImageButton" /> 
                                                                            </telerik:GridButtonColumn> 
                                                                        </Columns> 
                                                                    </MasterTableView> 
                                                                     
                                                                    <FilterMenu EnableTheming="True" Skin="Sunset"
                                                                        <CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation> 
                                                                    </FilterMenu> 
                                                                </telerik:RadGrid> 
                                                            </div> 
                                                             
                                                             
                                                             
                                                             
                                                             
                                                             
     <telerik:RadAjaxLoadingPanel ID="AjaxLoadingPanel1" runat="server"/> 
        <telerik:RadAjaxLoadingPanel ID="AjaxLoadingPanel2" runat="server">  
        <img src="Images/loading_icon.gif" /> 
        </telerik:RadAjaxLoadingPanel> 
    </div> 
    </form> 
</body> 
</html> 
 
0
Youri
Top achievements
Rank 1
answered on 18 Oct 2011, 08:33 AM
Dear Vlad i need help plz,

i have a problem with ajax rad control i have this sample code :

<td valign="top">
                            <telerik:RadAjaxManager ID="radAjaxManager" runat="server">
                                <AjaxSettings>
                                    <telerik:AjaxSetting>
                                        <UpdatedControls>
                                            <telerik:AjaxUpdatedControl ControlID="radAjaxPanel" LoadingPanelID="radAjaxLoadingPanel" />
                                        </UpdatedControls>
                                    </telerik:AjaxSetting>
                                </AjaxSettings>
                            </telerik:RadAjaxManager>
                            <telerik:RadAjaxLoadingPanel ID="radAjaxLoadingPanel" runat="server">
                            </telerik:RadAjaxLoadingPanel>
                            <telerik:RadAjaxPanel ID="radAjaxPanel" runat="server" LoadingPanelID="radAjaxLoadingPanel">
                                <telerik:RadGrid ID="gvMyTransactions" runat="server" Width="100%" OnColumnCreating="GridViewColumnCreating"
                                    OnItemCommand="GridViewItemCommand" OnItemCreated="GridViewItemCreated" OnPageIndexChanged="GridViewPageIndexChanged"
                                    OnNeedDataSource="GridViewNeedDataSource" OnSortCommand="GridViewSortCommand"
                                    OnItemDataBound="GridViewItemDataBound">
                                    <MasterTableView CellSpacing="0" CellPadding="0">
                                        <Columns>
.....

--------------------------------------
the grid work done but when navigate on any action on application the error was occurred:

c.parentNode.removeChild(c);

c always return null???????????

can you help me plz?
Tags
Ajax
Asked by
jtby
Top achievements
Rank 1
Answers by
Vlad
Telerik team
WDev
Top achievements
Rank 1
Konstantin Petkov
Telerik team
balaji
Top achievements
Rank 1
Pavel
Telerik team
Prasad
Top achievements
Rank 1
Youri
Top achievements
Rank 1
Share this question
or