or
<%@ Page Title="Home Page" Language="vb" MasterPageFile="~/Site.Master" AutoEventWireup="false" CodeBehind="Default.aspx.vb" Inherits="TelerikGridControlProject._Default" %> <%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %> <asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent"> </asp:Content> <asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent"> <telerik:RadScriptManager ID="RadScriptManager1" runat="server"> <Scripts> <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js"> </asp:ScriptReference> <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js"> </asp:ScriptReference> <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js"> </asp:ScriptReference> </Scripts> </telerik:RadScriptManager> <telerik:RadGrid ID="RadGrid1" runat="server" CellSpacing="0" GridLines="None" OnNeedDataSource="RadGrid1_NeedDataSource" Visible="true"> <MasterTableView EditMode="InPlace" AutoGenerateColumns="True" Visible="true"> <Columns> <telerik:GridEditCommandColumn UniqueName="EditCommandColumn" /> </Columns> </MasterTableView> </telerik:RadGrid> </asp:Content>Imports Telerik.Web.UI Public Class _Default Inherits System.Web.UI.Page Private _myDataTable As New DataTable Private _nameColumn As DataColumn Private _myObjectDataSource As ObjectDataSource Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load If Not IsPostBack Then BuildDataTable() FillDataTable() End If End Sub Private Sub FillDataTable() Dim dataRow As DataRow For i As Integer = 0 To 1 dataRow = MyDataTable.NewRow() dataRow("CIFNUMBER") = 1 dataRow("CustomerName") = String.Format("Customer {0}", i) dataRow("BusinessType") = String.Format("Business {0}", i) dataRow("Role") = "Role" dataRow("RelationshipToPrimary") = "Spouse" dataRow("VotingRights") = i dataRow("Scored") = i * 100 MyDataTable.Rows.Add(dataRow) Next End Sub Private Sub BuildDataTable() Dim nameList As List(Of String) = New List(Of String)(New String() {"CIFNUMBER", "CustomerName", "BusinessType", "Role", "RelationshipToPrimary", "VotingRights", "Scored"}) For i As Integer = 0 To nameList.Count - 1 MyDataTable.Columns.Add(i) MyDataTable.Columns.Add(nameList(i)) Next End Sub Public Property MyDataTable As DataTable Get Return _myDataTable End Get Set(value As DataTable) _myDataTable = value End Set End Property Protected Sub RadGrid1_NeedDataSource(ByVal source As Object, ByVal e As Telerik.Web.UI.GridNeedDataSourceEventArgs) Handles RadGrid1.NeedDataSource RadGrid1.DataSource = MyDataTable End Sub Private Sub RadGrid1_ItemCreated(ByVal sender As Object, ByVal e As Telerik.Web.UI.GridItemEventArgs) Handles RadGrid1.ItemCreated If (TypeOf e.Item Is GridDataInsertItem AndAlso e.Item.IsInEditMode) Then 'init insert operation triggered Dim myString As String = "NOTHING" ElseIf (TypeOf e.Item Is GridEditableItem AndAlso e.Item.IsInEditMode) Then 'edit operation triggered Dim myString As String = "NOTHING" End If End Sub End Class<telerik:RadListBox ID="rlbItems" runat="server" AutoPostBack="true" Height="200px"SelectionMode="Multiple" OnSelectedIndexChanged="items_SelectedIndexChanged" />
<!
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
If the string is present, the animation works fine but my page breaks. This application is an old application and difficult to debug why it is breaking. I guess the problem is with some not well written HTML. Is there any way i can get the animation working flawlessly with the above string not present in the page?
<form action="formmail.ashx" method="post"> <!-- form contents here --></form>function OnClientDock(sender, eventArgs) { var slidingZone = $find("<%=RadSlidingZone1.ClientID %>"); slidingZone.Width = "0px"; ;}function OnClientUndock(sender, eventArgs) { var slidingZone = $find("<%=RadSlidingZone1.ClientID %>"); slidingZone.Width = "22px";}<telerik:RadSlidingZone ID="RadSlidingZone1" runat="server" DockedPaneID="RadSlidingPane1" > <telerik:RadSlidingPane ID="RadSlidingPane1" runat="server" Title="SlidingPane" EnableResize="False" OnClientBeforeDock="OnClientDock" OnClientBeforeUndock="OnClientUndock"> [...] </telerik:RadSlidingPane></telerik:RadSlidingZone>

| <telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateColumns="False" |
| AllowSorting="True" Skin="Black" |
| AllowPaging="True" PageSize="5" GridLines="None" DataSourceID="SqlDataSource1" |
| AllowAutomaticDeletes="false" AllowAutomaticInserts="false" AllowAutomaticUpdates="false" |
| ShowDesignTimeSmartTagMessage="False" ShowGroupPanel="true"> |
| <PagerStyle Mode="NumericPages" /> |
| <MasterTableView CellSpacing="-1" DataKeyNames="IDDepartment" DataSourceID="SqlDataSource1" EditMode="EditForms" |
| EnableTheming="true" CommandItemDisplay="Top"> |
| <EditFormSettings EditFormType="Template"> |
| <FormTemplate> |
| <asp:Panel ID="InnerContainer" runat="server" Visible="true" style="padding:15px;"> |
| <telerik:RadTabStrip ID="RadTabStrip1" runat="server" |
| MultiPageID="RadMultiPage1" SelectedIndex="0" Skin="Black"> |
| <Tabs> |
| <telerik:RadTab runat="server" PageViewID="RadPageView1" Text="Dept Info"> |
| </telerik:RadTab> |
| <telerik:RadTab runat="server" PageViewID="RadPageView2" Text="Dept Contacts"> |
| </telerik:RadTab> |
| <telerik:RadTab runat="server" PageViewID="RadPageView3" Text="Dept Files" |
| Selected="True"> |
| </telerik:RadTab> |
| </Tabs> |
| </telerik:RadTabStrip> |
| <telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0"> |
| <telerik:RadPageView ID="RadPageView1" runat="server" BorderColor="Black" |
| BorderStyle="Solid" BorderWidth="1px"> |
| <table> |
| <tr> |
| <td> |
| Name:</td> |
| <td> |
| <asp:TextBox ID="Name" runat="server" Text='<%# Bind( "Name" ) %>'></asp:TextBox> |
| </td> |
| </tr> |
| <tr> |
| <td> |
| Description:</td> |
| <td align="center"> |
| <telerik:RadEditor ID="Description" runat="server" BackColor="White" |
| HTML='<%# Bind( "Description" ) %>' Skin="Black"> |
| <CssFiles> |
| <telerik:EditorCssFile Value="~/css/Styles1.css" /> |
| </CssFiles> |
| <Content> |
| </Content> |
| </telerik:RadEditor> |
| </td> |
| </tr> |
| </table> |
| </telerik:RadPageView> |
| <telerik:RadPageView ID="RadPageView2" runat="server" BorderColor="Black" |
| BorderStyle="Solid" BorderWidth="1px"> |
| <table> |
| <tr> |
| <td></td> |
| <td>Hold Ctrl to select multiple<br /></td> |
| </tr> |
| <tr> |
| <td>Contacts:</td> |
| <td> |
| <asp:ListBox ID="lstContacts" runat="server" DataSourceID="SqlDataSource2" |
| DataTextField="FullName" DataValueField="IDEmployee" |
| ondatabound="lstContacts_DataBound" SelectionMode="Multiple" Width="250px"></asp:ListBox> |
| </td> |
| </tr> |
| </table> |
| </telerik:RadPageView> |
| <telerik:RadPageView ID="RadPageView3" runat="server" BorderColor="Black" |
| BorderStyle="Solid" BorderWidth="1px"> |
| <telerik:RadGrid ID="RadGrid2" runat="server" AutoGenerateColumns="False" |
| AllowSorting="True" Skin="Black" AllowPaging="True" PageSize="5" |
| GridLines="None" |
| ShowDesignTimeSmartTagMessage="False" ShowGroupPanel="True" |
| onneeddatasource="RadGrid2_NeedDataSource"> |
| <MasterTableView CellSpacing="-1"> |
| <RowIndicatorColumn> |
| <HeaderStyle Width="20px" /> |
| </RowIndicatorColumn> |
| <ExpandCollapseColumn> |
| <HeaderStyle Width="20px" /> |
| </ExpandCollapseColumn> |
| <Columns> |
| <telerik:GridButtonColumn ButtonType="ImageButton" CommandName="Delete" |
| ConfirmDialogType="RadWindow" ConfirmText="Are you sure you want to delete this record?" |
| UniqueName="Delete"> |
| </telerik:GridButtonColumn> |
| <telerik:GridBoundColumn DataField="FileName" HeaderText="File Name" |
| SortExpression="FileName" UniqueName="FileName"> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn DataField="Description" HeaderText="Description" |
| SortExpression="Description" UniqueName="Description"> |
| </telerik:GridBoundColumn> |
| </Columns> |
| </MasterTableView> |
| </telerik:RadGrid> |
| <table width="100%"> |
| <tr> |
| <td>Upload file: </td> |
| <td> <div class="FileDetails"> |
| <telerik:RadUpload ID="RadUpload1" runat="server" MaxFileInputsCount="5" |
| OnClientAdded="addTitle" |
| TargetFolder="~/files" EnableFileInputSkinning="true" |
| ControlObjectsVisibility="RemoveButtons, AddButton" Skin="Black"> |
| </telerik:RadUpload> |
| <div class="UploadButton"><asp:Button Width="75px" id="buttonSubmit" runat="server" OnClick="buttonSubmit_Click" text="Upload" /></div></div> |
| </td> |
| </tr> |
| <tr> |
| <td align="center" colspan="2"> |
| <telerik:RadProgressArea ID="RadProgressArea1" runat="server" Skin="Black"> |
| <Localization Uploaded="Uploaded" /> |
| </telerik:RadProgressArea> <br /><br /> |
| </td> |
| </tr> |
| </table> |
| </telerik:RadPageView> |
| </telerik:RadMultiPage> |
| <table width="100%"> |
| <tr> |
| <td align="center"> |
| <asp:Button ID="Update" runat="server" Text="Update" CommandName="Update" /> |
| <asp:Button ID="Cancel" runat="server" Text="Cancel" CommandName="Cancel" /> |
| </td> |
| </tr> |
| </table> |
| </asp:Panel> |
| </FormTemplate> |
| </EditFormSettings> |
| <Columns> |
| <telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="Edit"> |
| </telerik:GridEditCommandColumn> |
| <telerik:GridBoundColumn DataField="Name" HeaderText="Name" |
| SortExpression="Name" UniqueName="Name"> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn DataField="Description" HeaderText="Description" |
| SortExpression="Description" UniqueName="Description"> |
| </telerik:GridBoundColumn> |
| <telerik:GridButtonColumn ButtonType="ImageButton" CommandName="Delete" |
| ConfirmDialogType="RadWindow" |
| ConfirmText="Are you sure you want to delete this record?" Text="Delete" |
| UniqueName="Delete"> |
| </telerik:GridButtonColumn> |
| </Columns> |
| </MasterTableView> |
| </telerik:RadGrid> |