<rad:RadAjaxPanel ID="AjaxDetails" runat="server" ClientEvents-OnResponseEnd="afterAjax" LoadingPanelID="LoadingPanel1"><br> <asp:Label ID="lblError" runat="server" Visible="false" ForeColor="Red" Font-Bold="true" style="margin-left:8px;" /><br> <table width="908px" cellpadding="0" cellspacing="0" border="0" style="margin-left:8px;"><br> <tr><br> <td class="fieldNameBefore formcol_3"><dash:LocResource ID="LocResource5" ResourceName="FlyingTitle" runat="server" />:</td><br> <td class="fieldNameInsider formcol_2" colspan="3"><asp:TextBox ID="txtTitle" runat="server" Text="" style="width:740px"/></td><br> </tr><br> <tr><br> <td class="fieldNameBefore formcol_4"><dash:LocResource ID="LocResource111" ResourceName="Product" runat="server" />:</td><br> <td class="fieldNameInsider formcol_5"><br> <rad:RadComboBox ID="selProduct" runat="server" Skin="Vista" Width="250px" <br> Height="200" ExpandAnimation-Type="None" CollapseAnimation-Type="None"<br> AllowCustomText="false" <br> DataTextField="ProductName"<br> DataValueField="ProductId"<br> OnClientSelectedIndexChanged="productSelect"<br> AppendDataBoundItems="true"><br> <Items><br> </Items><br> </rad:RadComboBox><br> <asp:TextBox ID="txtProductName" runat="server" Text="" style="width:250px" Visible="false" ReadOnly="true"/><br> </td><br> <td class="fieldNameBefore formcol_4444"><dash:LocResource ID="LocResource77" ResourceName="Active" runat="server" />:</td><br> <td class="fieldNameInsider formcol_45555"><br> <asp:CheckBox ID="chkActive" runat="server" /><asp:TextBox runat="server" ID="txtActive" ReadOnly="true" Visible="false" CssClass="readOnlyText"></asp:TextBox><br> </td><br> </tr><br> <tr><br> <td class="fieldNameBefore formcol_3"><dash:LocResource ID="LocResource99" ResourceName="TemplatePreview" runat="server" />:</td><br> <td class="fieldNameInsider formcol_2" colspan="3"><br> <div id="divTemplatePreview" class="previewTextArea" runat="server" style="width:735px;margin-bottom:5px;height:230px;overflow:scroll;"></div><br> </td><br> </tr><br></rad:RadAjaxPanel><br><div id="divCommunicationOuter" runat="server" visible="false"><br> <div class="formSubSectionName"><dash:LocResource ID="LocResource111111" ResourceName="FlyingCommunications" runat="server" /></div><br> <div id="divCommunicationList" style="margin-right:8px;width:400px;height:300px;overflow:hidden;float:left;"><br> <rad:RadAjaxPanel runat="server" ID="ActivityListPanel" LoadingPanelID="LoadingPanel2" ClientEvents-OnResponseEnd="selectFirstCommunication"><br> <rad:RadGrid ID="GridCommunication" Skin="Vista"<br> EnableEmbeddedSkins="false"<br> AllowSorting="False"<br> ShowFooter="False" <br> EnableAJAX ="true"<br> ShowHeader="False"<br> AllowPaging="False" <br> AutoGenerateColumns="false"<br> runat="server"<br> GridLines="Both"<br> Width="400px"<br> ><br> <MasterTableView ClientDataKeyNames="FlyingCommunicationId" Width="400px"><br> <Columns><br> <rad:GridTemplateColumn UniqueName="TemplateColumn" ItemStyle-CssClass="activityRow"><br> <ItemStyle Width="350" /><br> <ItemTemplate><br> <span style="font-weight:bold;">1</span><br /><br> <span style="width:350px; overflow:hidden">2</span><br> </ItemTemplate><br> </rad:GridTemplateColumn><br> </Columns><br> </MasterTableView><br> <ClientSettings><br> <Scrolling AllowScroll="true" ScrollHeight="300px"></Scrolling><br> <Selecting AllowRowSelect="true"></Selecting><br> <ClientEvents OnRowSelected="communicationSelected" OnGridCreated="communicationLoaded" /><br> </ClientSettings><br> </rad:RadGrid><br> <div style="display:none;"><br> <asp:Button ID="btnRefreshCommunicationList" runat="server" OnClick="LoadCommunicationList" /><br> <asp:TextBox ID="txtFlyingIDComm" runat="server" style="display:none"/><br> </div><br> </rad:RadAjaxPanel><br> </div><br> <rad:RadToolBar Skin="Vista" runat="server" ID="ToolbarCommunication" OnClientButtonClicked="toolbar_handler" style="width:526px;" EnableEmbeddedSkins="false"><br> <Items><br> <rad:radtoolbarbutton Tooltip="Add Communication" Value="newcommunication" CommandName="newcommunication" Text="Add Communication" ImageUrl="~/images/toolbar/2.png" /><br> <rad:radtoolbarbutton Enabled="false" Tooltip="Edit Communication" Value="editcommunication" CommandName="editcommunication" Text="Edit Communication" ImageUrl="~/images/toolbar/3.png" /><br> </Items><br> </rad:RadToolBar><br> <div id="divCommunicationDetail" style="width:526px;height:300px;overflow:scroll;float:left;"><br> <rad:RadXmlHttpPanel runat="server" ID="CommunicationDetailPanel" OnServiceRequest="LoadCommunication" LoadingPanelID="LoadingPanel2" Value="" ><br> <div id="divCommunicationDetailInner" runat="server" style="padding:5px;"><br> </div><br> <asp:TextBox ID="txtFlyingCommunicationID" runat="server" style="display:none;" /><br> </rad:RadXmlHttpPanel><br> </div><br> <div style="clear:both"></div><br></div><br><br><rad:RadAjaxManager ID="RadAjaxManager1" runat="server"><br> <AjaxSettings><br> <rad:AjaxSetting AjaxControlID="btnUpdateList"><br> <UpdatedControls><br> <rad:AjaxUpdatedControl ControlID="gridFlyings" LoadingPanelID="LoadingPanel1" /><br> </UpdatedControls><br> </rad:AjaxSetting><br> <rad:AjaxSetting AjaxControlID="btnLoadPreview"><br> <UpdatedControls><br> <rad:AjaxUpdatedControl ControlID="divTemplatePreview" LoadingPanelID="LoadingPanel2" /><br> </UpdatedControls><br> </rad:AjaxSetting><br> </AjaxSettings><br></rad:RadAjaxManager>
I use AjaxUpdatedControl to update divTemplatePreview with LoadingPanel2. But the resulting HTML codes contain duplicate <div> for id = ctl00_ContentArea_ctl00_ContentArea_divTemplatePreviewPanel as follows.
<p><div class="RadAjaxPanel" id="ctl00_ContentArea_ctl00_ContentArea_divTemplatePreviewPanel" style="display: block;"><br> <div id="ctl00_ContentArea_divTemplatePreview" class="previewTextArea" style="width:735px;margin-bottom:5px;height:230px;overflow:scroll;"></div><br> </div></p><p></p><p><div class="RadAjaxPanel" id="ctl00_ContentArea_ctl00_ContentArea_divTemplatePreviewPanel"></div></p>Hi, I'm new to telerik controls. I'm trying to implement auto filter option in the telerik radgrid
<telerik:RadGrid ID="rgDashboard" ShowStatusBar="true" runat="server" AllowFilteringByColumn="true"
AutoGenerateColumns="False" AllowSorting="true" OnNeedDataSource="RadGrid1_NeedDataSource"
onsortcommand="rgDashboard_SortCommand" AllowPaging="true" PageSize="200">
<GroupingSettings CaseSensitive="false" />
<PagerStyle Mode="NumericPages" Position="TopAndBottom" ShowPagerText="false"> </PagerStyle>
<MasterTableView HeaderStyle-CssClass="goalGridHeader TableHeader" AllowFilteringByColumn="true">
<Columns>
<telerik:GridBoundColumn DataField="Center" HeaderText="Center Name"
AutoPostBackOnFilter="true" CurrentFilterFunction="Contains"
ShowFilterIcon="false" />
<telerik:GridBoundColumn DataField="Instructor" HeaderText="Instructor Name" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains"
ShowFilterIcon="false" />
<telerik:GridBoundColumn DataField="CenterID" HeaderText="Center ID" AllowFiltering="false"/>
<telerik:GridTemplateColumn HeaderText="" AllowFiltering="false">
<ItemTemplate>
<asp:LinkButton ID="lnkEdit" Text="View" CssClass="btn btn-view btn-sm" OnClick="lnkEdit_OnClick" runat="server" />
</ItemTemplate>
</telerik:GridTemplateColumn>
</Columns>
</MasterTableView>
</telerik:RadGrid>
In code behind, I have filldata which binds the data to radgrid
private void filldata()
{
DataSet ds = new DataSet();
ds = gdh.GetCentersByFC(UserName, Admin, Email);
try
{
if ((ds != null) && (ds.Tables.Count > 0) && (ds.Tables[0].Rows.Count > 0))
{
lbldispBranch.Text = ds.Tables[0].Rows[0]["Branch"].ToString();
// lblLoggedInUser.Text = ds.Tables[0].Rows[0]["FCName"].ToString();
}
rgDashboard.DataSource = ds;
rgDashboard.DataBind();
}
catch (Exception ex)
{
GeneralHelper.LogFile(ex);
}
}
protected void rgDashboard_SortCommand(object sender, GridSortCommandEventArgs e)
{
filldata();
}
protected void RadGrid1_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)
{
filldata();
}
I'm able to get the desired results, but getting below error after filter RadGrid1_NeedDataSource executes
Telerik.Web.UI.GridBindingException: You should not call DataBind in NeedDataSource event handler. DataBind would take place automatically right after NeedDataSource handler finishes execution.
at Telerik.Web.UI.RadGrid.DataBind()

Hi,
My application opens modal dialogs on the client using RadWindowManager. I want to be able to open the dialog with a border or without. I've attached a boiled down example. The main page, Test.aspx, has two buttons for opening either one entirely client side. When you launch Test.aspx, then click "Has Border", you get a modal dialog (containing Test2.aspx) with a Black skin border. If instead, after launching Test.aspx, you click "No Border", you get a modal dialog without a border. Good.
Now here's the issue: Launch Test.aspx, and open a "No Border" dialog, then close it. Now click "Has Border", but you still get a "No Border" dialog. Basically whatever you click the first time, is what you get on all subsequent clicks. The script in Test.aspx is attempting to change the cssClass on the fly, which doesn't seem to work. The goal is to be able to open the page, open and close dialogs with the desired border or not, without having to refresh the page.
What am I not doing? Or is something not working right?
Dave
Test.aspx:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Test.aspx.cs" Inherits="Test" %><%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %><!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head id="head1" runat="server"> <title></title> <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server"> <script type="text/javascript"> function onOpenHasBorder(sender, args) { args.set_cancel(true); var mgr = GetRadWindowManager(); mgr.set_cssClass(''); var dlg = mgr.open('Test2.aspx', null); dlg.set_cssClass(''); } function onOpenNoBorder(sender, args) { args.set_cancel(true); var mgr = GetRadWindowManager(); mgr.set_cssClass('noBorder'); var dlg = mgr.open('Test2.aspx', null); dlg.set_cssClass('noBorder'); } </script> </telerik:RadCodeBlock> <style type="text/css"> .noBorder .rwCorner .rwTopLeft, .noBorder .rwTitlebar, .noBorder .rwCorner .rwTopRight, .noBorder .rwIcon, .noBorder table .rwTopLeft, .noBorder table .rwTopRight, .noBorder table .rwFooterLeft, .noBorder table .rwFooterRight, .noBorder table .rwFooterCenter, .noBorder table .rwBodyLeft, .noBorder table .rwBodyRight, .noBorder table .rwTitlebar, .noBorder table .rwTopResize, .noBorder table .rwStatusbar, .noBorder table .rwStatusbar .rwLoading { display: none !important; background-image: none !important; } </style></head><body> <form id="form1" runat="server"> <telerik:RadScriptManager ID="RadScriptManager1" EnablePageMethods="true" runat="server" /> <br /> <br /> <telerik:RadButton ID="btnHasBorder" runat="server" Text="Has Border" OnClientClicking="onOpenHasBorder" /> <br /> <br /> <telerik:RadButton ID="btnNoBorder" runat="server" Text="No Border" OnClientClicking="onOpenNoBorder" /> <telerik:RadWindowManager ID="modalWindowMgr" runat="server" EnableShadow="false" Behaviors="Close, Move" DestroyOnClose="true" VisibleOnPageLoad="false" Skin="Black" AutoSize="false" Width="800px" Height="580px" ReloadOnShow="false" ShowContentDuringLoad="false" Modal="true" EnableViewState="false" VisibleStatusbar="false" Style="z-index:9000" /> </form></body></html>
Test2.aspx:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Test2.aspx.cs" Inherits="Test2" %><%@ Register TagPrefix="STL" TagName="cssConfirmDialog" src="~/css/dialogConfirm.ascx" %><!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head id="Head1" runat="server"> <meta charset="utf-8"/> <title></title> <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server"> <script type="text/javascript"> function onCloseClicking(sender, args) { args.set_cancel(true); window.close(); } </script> </telerik:RadCodeBlock> <style type="text/css"> html,body,form { height:100%; margin:0; padding:0; } </style></head><body> <form id="form1" runat="server"> <telerik:RadScriptManager ID="RadScriptManager1" EnablePageMethods="true" runat="server" /> <table style="height:100%; width:100%"> <tr> <td style="vertical-align:middle; text-align: center;"> <div> <telerik:RadButton ID="btnOK" runat="server" Text="Close Window" AutoPostBack="false" OnClientClicking="onCloseClicking" /> </div> </td> </tr> </table> </form></body></html>When uploading large video files, the progress bar goes to 100% and then the control hangs. If I wait long enough, then the FileUploaded event will fire.
After a 700MB was uploaded, it took an additional 8 minutes for the upload to complete. After a 30MB file was uploaded, it took an additional 15 seconds to complete. Reading the files from cloud storage is fast.
Web.config:
<httpRuntime enableVersionHeader="false" targetFramework="4.6" maxRequestLength="1024000" executionTimeout="36000" maxQueryStringLength="4096" />
<telerik:RadCloudUpload runat="server" ID="RadCloudUploadVideo" ProviderType="Azure" RenderMode="Auto" AllowedFileExtensions=".mp4, .webm, .ogv"Localization-SelectButtonText="Select MP4, WebM, or Ogv file to Upload" HttpHandlerUrl="~/Code/handlerVideoUpload.ashx" OnClientFileUploaded="fileUploaded"><FileListPanelSettings RenderButtonText="true" /></telerik:RadCloudUpload>
Any ideas on what is causing this or how to troubleshoot?

I have a table inside a ClientTemplate which has a <tr id="trFeeder"> which I want to set the background colour in the OnClientDataBound but I can't work out the syntax - javascript really isn't my forte.
If I use $get then only the first instance of the <tr> is changed.
function OnClientDataBound(sender, args) {
var undefined = void (0)
var gantt = sender._widget;
gantt.element.find(".rgtTask ").each(function (e) {
var dataItem = gantt.dataSource.getByUid($(this).attr("data-uid"));
// this works for the entire control
if (dataItem.shortages_Exist == false) {
this.style.backgroundColor = "#D8FF96";
this.style.color = "#000000";
} else {
this.style.backgroundColor = "#9f9";
this.style.color = "#000000";
}
//can't get the syntax to change the trFeeder in the table/tr
if (dataItem.operation_No != undefined) {
if (dataItem.operation_No != "") {
if (dataItem.setup_On_Feeder == true) {
sender.$get("trFeeder").style.backgroundColor = "#FFFFFF";
//$get("trFeeder").style.backgroundColor = "#FFFFFF";
} else {
sender.$get("trFeeder").style.backgroundColor = "#CCCCCC";
//$get("trFeeder").style.backgroundColor = "#CCCCCC";
}
}
}
this.style.backgroundImage = 'none';
});
}

Hi,
I have page with few buttons that is used to open window, if the page is at normal position (that is not scrolled down) the window opens nicely in the center position. If the page is scrolled down even for tiny pit the windows open at the bottom of the page and some times at position I have to scroll down to see it.
I have tried the code bellow but it did not work:
var oWnd = radopen('../maps/geoLocationMap.aspx?QID=' + args.get_commandArgument(), "GeoMAPwindow"); oWnd.center();
Regards,
Omar

Does RadImageEditor support Click event?
What we would like to do, is to collect Zoom level and position after Click event. The reason for this is that we would like to show
ground plan to the user and he could mark location of a problem. Not to draw anything.

I would like to add two levels of grouping in my grid.
This seems to work for 1st level of Grouping well, but now I want to add a sublevel similar to dragging a 2nd column up to grouping panel. I have tried several iterations of the Select fields / GroupBy Expressions, but nothing seems to be working. I have not seen a nice example of adding a 2nd level via code.
My 2nd level will be a field called TypeOfDoc. I would like to show the count of documents in that header as well.
GridGroupByExpression expression = new GridGroupByExpression();
// Select Fields
GridGroupByField gridGroupByField = new GridGroupByField();
gridGroupByField.FieldName = "ContentType";
gridGroupByField.HeaderText = "Content Type ";
gridGroupByField.HeaderValueSeparator = ";";
expression.SelectFields.Add(gridGroupByField);
// Adding Count Picking a field not in Group by
gridGroupByField = new GridGroupByField();
gridGroupByField.FieldName = "Title";
gridGroupByField.HeaderText = " ";
gridGroupByField.HeaderValueSeparator = " ";
gridGroupByField.FormatString = "<strong>({0})</strong>";
gridGroupByField.Aggregate = GridAggregateFunction.Count;
expression.SelectFields.Add(gridGroupByField);
// GroupByField
gridGroupByField = new GridGroupByField();
gridGroupByField.FieldName = "ContentType";
gridGroupByField.HeaderText = "ContentType";
expression.GroupByFields.Add(gridGroupByField);
RadGrid1.MasterTableView.GroupByExpressions.Add(expression);
RadGrid1.MasterTableView.GroupsDefaultExpanded = false;


Hello Telerik crew,
I have a requirement where the file size needs to be appended to the file name when viewed in Thumbnails explorer mode.
I noticed that the file size is only available when in Default explorer mode (it has it's own column), but have no way of retrieving it when in Thumbnails mode. The online support doesn't mention creating a custom column/container for Thumbnails mode.
I have a couple of ideas but wanted to see if these are possible;
Option 1). when first visiting the page that the RadFileExplorer is on, do I set explorer mode to Default retrieve the current file list (including the file name & size), store in hidden variable then switch to Thumbnails (programmatically), match on filename then append the file-size when a match is found?
Option 2). in the page load (server size), retrieve the complete file list of current folder, store in hidden variable, then when client side load executes, perform a match on filename then append the file-size when a match is found?
Regards,
Chris
