Questions on UI for ASP.NET AJAX Forum

4 answers

133 views

Hi.

I have an web app that are using a datepicker and it has started to run really slow after the first postback.
I found that the "slowness" only occured in Chrome 26 (26.0.1410.43). The same code worked perfectly in Chrome 25 (verifed on another computer and slow after upgrade to 26).

Any ideas what can cause this issue?

EDIT;
I having problems recreating the issue in a standalone project that I can post. (It is part of a large webapp). And it seems like its only a problem when the DOM is larger. I.e the example apps seems to run a little slower, but on my app it takes 3+ seconds plus to change the month in the calendar.

The thing I dont understand is that it works without any errors but its slow and only in Chrome 26+, the bottleneck seems to be located in the JS function Telerik.Web.UI.RadCalendar._navigatePrev/XXXX and its much slower after a postback.

EDIT 2:
The row that seems to take longer time is this.RenderViewDays(d, b, a, this.RadCalendar.get_orientation(), this.StartRowIndex, this.StartColumnIndex);

Any ideas why a postback could change the performace of the line above? I have stepped through the code and profiled it without finding any reason or bottleneck "hotspot".

When stepping through the code no errors or external (non-telerik-functions) gets invoked nor is any other client side functions attached.

The exact same code works perfect in other browsers (and earlier Chrome versions < 26).

Calendar

answered on 19 Apr 2013

1 answer

82 views

[Solved] Non-Customized DatePicker in Filter

I created a grid while debugging.

<

telerik:RadGrid ID="RadSearch" runat="server" AllowFilteringByColumn="True" AutoGenerateColumns="true" OnNeedDataSource="RadSearch_NeedDataSource">

I see that the autogenerated date fields returned have a date picker in the filter.

How do I get that in my grid where AutoGenerateColumns="false" and my date column is in the .aspx page?
<telerik:RadGrid ID="RadSearch" runat="server" AllowFilteringByColumn="True" AutoGenerateColumns="false" OnNeedDataSource="RadSearch_NeedDataSource">

...

...
<Columns>

<telerik:GridBoundColumn DataField="Last_Update_Date" HeaderText="Modified" SortExpression="Last_Update_Date" AllowFiltering="true" UniqueName="Last_Update_Date" DataFormatString="{0:MM/dd/yyyy}" />
...

Thanks,
David

Grid

answered on 19 Apr 2013

0 answers

41 views

Printing Issue

Hi Team,

I am using rad controls for printing. It was working very thing fine in laser printers with A4 sheets. But as per our requirement we need to sent print TVS (http://tinyurl.com/cvnch6a) printer for printing huge amount of data. Hear getting an issue the printer was taking print and getting out put with unreadable format.

So please suggest me to go further.

Thanks & Regards

Rambabu

General Discussions

asked on 19 Apr 2013

3 answers

162 views

modal popup on Edit not closing

I have a radgrid with a details table with a formtemplate for editing. so it's a grid with two levels, when I am editing at the child level the modal popup show up fine but When I click the update button, it does all the work intended but does not close. It all works fine for inserting a record or canceling. and in the first lever both the edit and insert work fine, but just the child level edit is causing this problem. I've read a couple things to try and that is adding AllowAutomaticUpdates="false" and also adding

grdVcntn.MasterTableView.IsItemInserted = False
grdVcntn.MasterTableView.Rebind() to the _ItemCommand for the e.CommandName I have and neither worked.

I am also binding both grids in the backend using _NeedDataSource and _DetailTableDataBind. Is there any other sudgestions for fixing this.

Grid

answered on 18 Apr 2013

2 answers

248 views

ASP.NET AJAX Controls don't work

I've upgraded the web site to dot.net framework 4 and Telerik ASP.NET Ajax Controls 2013 Q1 (also tried 2012 Q3) framework 4.0.
It's Windows Server 2008, IIS 7,
Application Pool is .NET fr. 4.0.30319, Integrated mode, Local System account

Telerik Controls do not respond on click events.
RadTabStrip, RadComboBox, RadMenu, RadToolbar

Can see JS error in Web developer tools:
Uncaught ReferenceError: Sys is not defined Uncaught ReferenceError: Telerik is not defined
and many of those:
Failed to load resource: the server responded with a status of 404 (Not Found) ....

web config sections:

<handlers

<remove name="Telerik_Web_UI_WebResource_axd"/>

<add name="Telerik_Web_UI_WebResource_axd" preCondition="integratedMode"

path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource"

verb="*"

/>

</handlers

<modules runAllManagedModulesForAllRequests="true">

<remove name="RadCompression"

/>

<add name="RadCompression" type="Telerik.Web.UI.RadCompression"

/>

</modules

<pages enableViewStateMac="false" clientIDMode="AutoID">

<controls

<add assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagPrefix="telerik"/>

</controls

</pages>

ok, found it, i was using asp ScriptManager on the master which was not registered in web config
the solution is or register it or use the Telerik Rad.ScriptManager

General Discussions

answered on 18 Apr 2013

1 answer

107 views

ToolTip not showing during PostBacks

I have a RadToolTip on a Page. The ShowEvent and HideEvents are both from code.

If a certain param is passed through the URL, the ToolTip is shown during the PageLoad.

There is also a button on the screen that is in an UpdatePanel that has code in its CodeBehind method to show the tooltip. The Tooltip is NOT in the UpdatePanel (or any other UpdatePanel).

The Page_Load is working, but its not working on PostBacks.

Thanks for any help.

Steve

ToolTip

answered on 18 Apr 2013

4 answers

105 views

AjaxLoadingPanel is not working (Provided sample working code)

Hi,

I am new to Telerik controls. I recently started using these controls.
I have a situation where user select a file and click on the button then I want to show ajax loading image on the panel below that button.
also i want to update panel content with filename.
I tried this example but no use
http://demos.telerik.com/aspnet-ajax/ajax/examples/loadingpanel/loadingimages/defaultcs.aspx

My telerik controls version is : 2012.2.607.40

This is my sample working code.

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title>Untitled Page</title>

<style type="text/css">

.module1

{

background-color: #dff3ff;

border: 1px solid #c6e1f2;

}

/*Hide RadEditor toolbars*/

.Default .reToolbarWrapper

{

display: none;

}

</style>

</head>

<body>

<form id="form1" runat="server">

<telerik:RadScriptManager runat="server" ID="RadScriptManager1"/>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="Panel1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="Panel1" LoadingPanelID="RadAjaxLoadingPanel1">

</telerik:AjaxUpdatedControl>

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<asp:FileUpload ID="fileUpload" runat="server" />

<asp:Button ID="Button1" runat="server" Text="Click to see the loading image" OnClick="Button1_Click">

</asp:Button>

<asp:Label ID="lblTop" runat="server" />

<br />

<fieldset class="module1">

<asp:Panel ID="Panel1" runat="server" HorizontalAlign="Center" Height="275px" Style="padding-top: 15px;

padding-left: 15px">

<telerik:RadEditor ID="importLogEditor" runat="server" EditModes="Design" Enabled="true"

Width="410px" Height="190px">

<Tools>

<telerik:EditorToolGroup>

</telerik:EditorToolGroup>

</Tools>

<Content>

</Content>

</telerik:RadEditor>

</asp:Panel>

</fieldset>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server">

</telerik:RadAjaxLoadingPanel>

</form>

</body>

</html>

and this is my code behind file

using System;

using System.Data;

using System.Configuration;

using System.Web;

using System.Web.Security;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.UI.WebControls.WebParts;

using System.Web.UI.HtmlControls;

using Telerik.Web.UI;

public partial class _Default : System.Web.UI.Page

{

/******* READ: What I want? *************/

//When the user selects a file and clicks on the button then

//I want to update only Panel content, not entire page.

//How to do that?

//Also I am unable to see Ajax loading image as appeared in the below link

//http://demos.telerik.com/aspnet-ajax/ajax/examples/loadingpanel/loadingimages/defaultcs.aspx

/*******************************************/

protected void Button1_Click(object sender, EventArgs e)

{

//This lable is outside update panel. It should not update

lblTop.Text = DateTime.Now.Ticks.ToString();

//when button is clicked I want to update only this part

System.Threading.Thread.Sleep(2000);

importLogEditor.Content = fileUpload.FileName;

importLogEditor.Content += "</br>" + DateTime.Now.Ticks.ToString();

}

Thank you.

Ajax

answered on 18 Apr 2013

1 answer

51 views

width, automatic created

Hi all,

How do i set column width, in automatic created columns??

Thanks

Grid

answered on 18 Apr 2013

1 answer

125 views

DataKeyNames and Client Side binding

I have a grid that i'm creating dynamically in a RadToolTip. If I assign the grid a DataKeyName, I get an error on that the field is not a column or a resource. If I don't assign a DataKeyName, how do I get the ID (client side) when the row is selected?

Grid

answered on 18 Apr 2013

3 answers

90 views

Ribbonbar Menu Hight & Groups like RadMenu

Hellow Friends,

In our application, I have a radRibbonBarMenu and it expands dynamically. But now is the time that its height may exceed the screen height and user may not access it even-though it would be there.

So just like on the http://www.telerik.com/account page, can I distribute the items like "Manage Products" or "Products" does for this site ? see :"Attachment1", please
I could somehow have something very similar to what radMenu provides, :
```
RepeatColumns="4" RepeatDirection="Vertical" 
```

All I want to do is to make the list of items of radRibbonBarMenuItems to be scrollable.

Update ( this was observed using RadMenu, when I used in as template )
I tried to do something similar to ribbonbarmenu.png ... but it seemed like in my application with telerik, nothing can actually 'cross' the Tab-Group-Text, "Font" here in ribbonbarmenu.png ... To see how telerik behaved in my application for the same scenario, please have a look at RadRibbonBarMenu & RadMenu-AsRadRibbonBarTemplate (FYKI - Both these have exact same items so at least they should have the exact same items)

May be I am missing something ? Again, my main issue is not being able to scroll thru the items on the RadRibbonBarMenu in the case where the menu becomes lengthy enough so that it can not accommodate itself within the screen height.

Thanks,
-Aarsh

RibbonBar

answered on 18 Apr 2013