Protected Sub myGridSoldier_RowDrop(ByVal sender As Object, ByVal e As Telerik.Web.UI.GridDragDropEventArgs) Handles myGridSoldier.RowDrop If e.DestDataItem.OwnerTableView.ClientID = myGridPositions.MasterTableView.ClientID Then For i As Integer = 0 To e.DraggedItems.Count - 1 Dim SSN As String = e.DraggedItems(i).GetDataKeyValue("SSN") Dim PositionId As Integer = e.DestDataItem.GetDataKeyValue("intPositionId") HFSSN.Value = SSN HFPosition.Value = PositionId FillInfo(SSN, PositionId) pnlSoldierInfo_POP.Show() Next End If End SubGoodafternoon,
I’ve got a problem with a AjaxLoadingPanel display on the iPad (latest version -> safari browser)
What happens:
The page is divided in to two Panels:
* oPanelTop (containing information)
* oPanelAll (containing the listview)
A RadListView is being populated from serverside.
A listview item contains 1 image, inputfield, and one button
On the ItemCreated, listviewitem, event I’m linking the button, from listviewitem, with the AjaxLoadingPanel and the oPanelTop.
code: RadAjaxManager2.AjaxSettings.AddAjaxSetting(oLinkButton, oPanelTop, oRadAjaxLoadingPanel);
Client side the oRadAjaxLoadingPanel is defined as follows:
<telerik:RadAjaxLoadingPanel runat="server" ID="oRadAjaxLoadingPanel" Transparency="30" Skin="" MinDisplayTime="2000">
<div style="height: 70px; background-color: #EEEEEE;">
<asp:Label ID="Label1" runat="server" Text="Adding…" />
</div>
</telerik:RadAjaxLoadingPanel>
The page works well, as it supposed to be, on the following browsers:
IE8, IE9, FireFox, Chrome, Safari (desktop)
The page fails on Safari(iPad).
I get the feeling that on the ipad the button action is triggered twice, or something like that, because:
1st time clicked on a button from listview => site response normaly (hiding AjaxLoadingPanel)
2nd time clicked on a button from (random) listviewitem =>
The page shows the transparent box over the oTopPanel (like first time). But then The transparent box darkens (2nd AjaxLoadingPanel? Overlaying the existing visible ajaxloadingpanel) and after 2 seconds it lightens (disposing 1st ajaxloadingpanel?), but then remains visible, making it unable to click the controls underneath it.
I Have already tried the following:
Serverside => create an AjaxSetting object with various options
ClientSite => Create the AjaxSetting separate from existing AjaxSetting (so things won’t mix up)
Non has the result I suspected.
The Problem is : AjaxLoadingPanel stays visible even after Displaytime has elapsed.
(only on iPad Safari)

Hi
I have the following telerik:RadTreeList
<telerik:RadTreeList ID="RadTreeListFacility" runat="server" DataKeyNames="Key" ParentDataKeyNames="SuperiorFacilityID"
AutoGenerateColumns="False" Width="100%" AllowMultiItemEdit="False" Culture="(Default)"
OnNeedDataSource="RadTreeListFacility_NeedDataSource">
<Columns>
<telerik:TreeListSelectColumn UniqueName="SelectColumn" Visible="false" />
<telerik:TreeListBoundColumn DataField="Name" UniqueName="Name" HeaderText="Display Name" />
<telerik:TreeListBoundColumn DataField="Key" UniqueName="Key" HeaderText="Unique ID" />
<telerik:TreeListBoundColumn DataField="FacilityType" UniqueName="FacilityType" HeaderText="Type" />
<telerik:TreeListBoundColumn DataField="SuperiorFacilityID" UniqueName="SuperiorFacilityID"
HeaderText="Parent ID" Visible="false" />
<telerik:TreeListTemplateColumn ItemStyle-Width="100px" HeaderStyle-Width="100px">
<HeaderTemplate>
</HeaderTemplate>
<ItemTemplate>
<span onclick="Edit_OnClick({Key:'<%# Eval("Key") %>',Name:'<%# Eval("Name")%>',SID:'<%# Eval("SuperiorFacilityID")%>',Type:'<%# Eval("FacilityType")%>'});">
<img src="../../images/DataEditing/Edit.gif" title="Update Selected Clinic" alt="Update Selected Clinic" />
</span>
<span onclick="AddSubFacility_OnClick({SID:'<%# Eval("Key")%>'});">
<img src="../../images/DataEditing/AddRecord.gif" title="Add Below Selected Clinic"
alt="Add Below Selected Clinic" />
</span>
<span onclick="Delete_OnClick({Key:'<%# Eval("Key") %>',Name:'<%# Eval("Name")%>'});">
<img src="../../images/DataEditing/Delete.gif" title="Delete Selected Clinic" alt="Delete Selected Clinic" />
</span>
</ItemTemplate>
</telerik:TreeListTemplateColumn>
</Columns>
<ClientSettings AllowPostBackOnItemClick="false">
<Selecting AllowItemSelection="true" AllowToggleSelection="true" />
</ClientSettings>
</telerik:RadTreeList>
This tree has only one root node element.
Using Javascript I want to get hold of the Root element.
I have tried
var tree = $find("<%= RadTreeListFacility.ClientID %>");
var node0 = tree.get_nodes().getNode(0);
This dose not work
Also I would like to know how to get values the Key and the Name DataField values of the root node client side. Thanks in advance. Tejas
Dim insertedItem As GridEditFormInsertItem = TryCast(e.Item, GridEditFormInsertItem)Dim test As Object = TryCast(insertedItem.FormColumns(0).Controls(0).Controls(1).Controls(0), TextBox)html, form, body{ padding: 0; margin: 0; width: 250px; height: 100%; font-size: 12px; font-family: "segoe ui",arial,sans-serif;}.LabelEnabled{ color: Black !important;}.LabelDisabled{ color: Gray !important;}.riTextBox{ color: Black !important;}.BottomButton{ margin-left: 93px;}<%@ Page Language="C#" EnableViewState="False" AutoEventWireup="True" CodeBehind="UploadDashboard.aspx.cs" Inherits="CableSolve.Web.Dashboard.Dialog.Windows.UploadDashboard" %><!DOCTYPE html><html lang="en"><head runat="server"> <title></title></head><body> <form id="form1" runat="server"> <link rel="stylesheet" type="text/css" href="../../../Content/Dashboard/UploadDashboard.css" /> <telerik:RadScriptManager ID="RadScriptManager1" Runat="server"> </telerik:RadScriptManager> <telerik:RadUpload ID="RadUpload1" Runat="server" AllowedFileExtensions=".txt,.xml" Skin="Web20" MaxFileInputsCount="1" ControlObjectsVisibility="None" Height="44px" Width="238px" BorderWidth="0px" > </telerik:RadUpload> <div class="BottomButton"> <telerik:RadButton ID="RadButton1" Runat="server" Skin="Web20" Text="Upload" OnClick="RadButton1_Click" Height="22px" Width="54px" /> </div> </form></body></html><telerik:RadWindowManager ID="RadWindowManager1" Runat="Server" Skin="Web20" Modal="True" KeepInScreenBounds="True" EnableShadow="True" Behaviors="Close, Move" VisibleStatusbar="False" ReloadOnShow="True" ShowContentDuringLoad="False" Behavior="Close, Move" Title="Confirm Action" IconUrl="~/Content/Dashboard/Icons/radwindow_confirmdelete.png"> <Windows> <telerik:RadWindow ID="UploadDashboardWindow" Runat="Server" NavigateUrl="~/Dashboard/Dialog/Windows/UploadDashboard.aspx" IconUrl="~/Content/Dashboard/Icons/drive-upload.png" OnClientAutoSizeEnd="OnClientAutoSizeEnd" Title="Upload Dashboard" Height="100" /> </Windows></telerik:RadWindowManager>// When a dialog window appears on the page, it does not automatically// keep itself centered. If the user resizes the browser window, the// dialog window may drop off the screen. This method keeps dialog windows shown.function OnClientAutoSizeEnd(dialogWindow) { dialogWindow.center();}