Questions on UI for ASP.NET AJAX Forum

6 answers

486 views

Hello,

Some of you already have noticed that their sites are working slower in Google Chrome since they have updated to version 26.

We did some debugging and research and found out that the problem is in the browser itself and it is not caused by our controls in the pages. In short, if you have a quotation mark or an apostrophe inside input element in your page, and you do PostBack, the Chrome gets really slow when changing the innerHTML property of the DOM elements after the page loads again.

The issue can be replicated using this sample code without using our controls:

<asp:ScriptManager runat="server"></asp:ScriptManager>

<asp:TextBox runat="server" ID="text1" Text="'"></asp:TextBox>

<asp:Calendar runat="server"></asp:Calendar>

<script type="text/javascript">

function test()

{

var start = (new Date()).getTime();

var label = document.getElementById("<%= label1.ClientID%>");

for (var i = 0 ; i < 10000 ; i++)

{

label.innerHTML = i;

}

var end = (new Date()).getTime();

alert(end - start);

}

</script>

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

<asp:Button runat="server" Text="Post Back" />

<asp:Button runat="server" Text="Check Speed" OnClientClick="test(); return false;" />

Simply run the code, click the Post Back button and then click Check Speed to see how much slower gets the execution of label.innerHTML = i;

In the serialized Client State of our controls, we use JSON to serialize some properties of controls that they need to be persisted and send from client to server, for example: {"enabled":true,"emptyMessage":""} could be such string, it contains quotes and is kept inside hidden input in the page. So after the post back the innerHTML will get slower due to this bug in Chrome.

Since in our code, there are a lot of places where innerHTML is used to change the content of an element(for example when navigating RadCalendar this is called around 30 times, one for each day of the month), you will experience some delay/lag when you do such client side operations.

Note that this issue is happening even if you don't have inputs with quotes inside them, but in less degree. For example in Firefox the test function above works in 60ms and in Chrome in 80ms. After the PostBack, in Firefox continues to run in 60ms, but in Chrome it takes 9 seconds if there is input with quote, and 400ms if there is not. So in both cases there is problem in the Chrome.
Also if you have more items in the DOM tree, the problem will be more visible. For example if you remove the asp:Calendar in the sample above, it will run much faster.

We will continue to investigate if there is something that we can do, and we hope Google to fix the issue in their browser as soon as possible. If you have more information or any suggestions we will be glad to hear them.

General Discussions

answered on 11 Jul 2013

3 answers

161 views

Hide Gridbounddata column?

Hi,

I have a radgrid with 4 columns 2 of the columns are part of a key. My problem is I don't want these columns to show but I still need access to their contents.

Setting the visible property to false doesnt show the column but I the cell value is nothing
Setting the display works but now when I add a new record or in edit mode the fields are editable which I don't want because they are a part of the key.

So how can:

1. Make the column not show
2. Make the columns contents accessible with codebehind
3. Make the column not editable during a batch edit
4. Make the column not display an editbox while doing an Add New

I have tried just about every combination, even with GridColumVisibleMode.AlwaysHidden

This is the Column I want to hide, but have access to but not show in edit mode or show when I do Add New.

Dim boundColumn As GridBoundColumn

            boundColumn = New GridBoundColumn()
            dgCompNonGrid.MasterTableView.Columns.Add(boundColumn)
            boundColumn.DataField = "ippComponentID"
            boundColumn.UniqueName = "dgippComponentID"
            'boundColumn.Display = False
            boundColumn.HeaderText = ""
            boundColumn.ItemStyle.Font.Size = 8
            boundColumn.ItemStyle.HorizontalAlign = HorizontalAlign.Left
            boundColumn.ReadOnly = True
            boundColumn.Visible = False
            'boundColumn.InsertVisiblityMode = GridColumnVisibilityMode.AlwaysHidden

Please, thank you.

Grid

answered on 11 Jul 2013

1 answer

86 views

Does Telerik support classic Asp.net

Does Telerik support classic Asp.net , if yes then is there a trial version for it?

General Discussions

answered on 11 Jul 2013

0 answers

90 views

How to add legend manually for RadPiechart

hello

i want to add legent for Radpie chart manually
please help
i want to add this legent at left side

1 Cust Traning")
2 "Cust Traning No Invoice")
3 ("PM")
4 ("Repair")
5 "Start Up Inv Labor")
6 ("Start Up - No Invoice")
7 ("Svc Traning")
8 ("Upgrade")
9 ("Start Up - Inv Labor & Exp")

showing with diffrent colors

thanks in advance
waiting for reply

<telerik:RadChart ID="RadChart2" runat="server" SkinsOverrideStyles="True" Visible ="False"

Width="900px" Skin="LightBlue" AutoLayout ="true"

AutoTextWrap="True"

DefaultType="Pie" Height="400px">

<PlotArea>

<XAxis MaxValue="5" MinValue="1" Step="1">

<Appearance Color="153, 187, 208" MajorTick-Color="153, 187, 208">

<MajorGridLines Color="153, 187, 208" Width="0" />

<TextAppearance TextProperties-Color="72, 124, 160">

</TextAppearance>

</Appearance>

<AxisLabel>

<TextBlock>

<Appearance TextProperties-Color="72, 124, 160">

</Appearance>

</TextBlock>

</AxisLabel>

</XAxis>

<YAxis MaxValue="25" Step="5">

<Appearance Color="153, 187, 208" MajorTick-Color="153, 187, 208"

MinorTick-Color="153, 187, 208">

<MajorGridLines Color="153, 187, 208" />

<MinorGridLines Color="153, 187, 208" />

<TextAppearance TextProperties-Color="72, 124, 160">

</TextAppearance>

</Appearance>

<AxisLabel>

<TextBlock>

<Appearance TextProperties-Color="72, 124, 160">

</Appearance>

</TextBlock>

</AxisLabel>

</YAxis>

<Appearance Dimensions-Margins="18%, 23%, 12%, 10%">

<FillStyle MainColor="255, 255, 238" SecondColor="Transparent">

</FillStyle>

<Border Color="153, 187, 208" />

</Appearance>

</PlotArea>

<Series>

<telerik:ChartSeries Name="Cost of Job" Type="Pie">

<Appearance>

<FillStyle FillType="ComplexGradient" MainColor="243, 206, 119">

<FillSettings>

<ComplexGradient>

<telerik:GradientElement Color="243, 206, 119" />

<telerik:GradientElement Color="236, 190, 82" Position="0.5" />

<telerik:GradientElement Color="210, 157, 44" Position="1" />

</ComplexGradient>

</FillSettings>

</FillStyle>

<TextAppearance TextProperties-Color="112, 93, 56">

</TextAppearance>

<Border Color="223, 170, 40" />

</Appearance>

<Items>

<telerik:ChartSeriesItem YValue="23" Name="Item 1">

</telerik:ChartSeriesItem>

<telerik:ChartSeriesItem YValue="20" Name="Item 2">

</telerik:ChartSeriesItem>

<telerik:ChartSeriesItem YValue="24" Name="Item 3">

</telerik:ChartSeriesItem>

<telerik:ChartSeriesItem YValue="19" Name="Item 4">

</telerik:ChartSeriesItem>

<telerik:ChartSeriesItem YValue="25" Name="Item 5">

</telerik:ChartSeriesItem>

<telerik:ChartSeriesItem YValue="25" Name="Item 6">

</telerik:ChartSeriesItem>

<telerik:ChartSeriesItem YValue="25" Name="Item 7">

</telerik:ChartSeriesItem>

<telerik:ChartSeriesItem YValue="25" Name="Item 8">

</telerik:ChartSeriesItem>

<telerik:ChartSeriesItem YValue="25" Name="Item 9">

</telerik:ChartSeriesItem>

</Items>

</telerik:ChartSeries>

</Series>

<Appearance>

<FillStyle MainColor="240, 252, 255">

</FillStyle>

<Border Color="182, 224, 249" />

</Appearance>

<ChartTitle>

<Appearance>

<FillStyle MainColor="">

</FillStyle>

</Appearance>

<TextBlock Text="COST OF JOB">

<Appearance TextProperties-Color="8, 103, 166">

</Appearance>

</TextBlock>

</ChartTitle>

<Legend>

<Appearance Corners="Round, Round, Round, Round, 6">

<ItemTextAppearance TextProperties-Color="62, 117, 154">

</ItemTextAppearance>

<Border Color="208, 237, 255" />

</Appearance>

</Legend>

</telerik:RadChart>

Editor

asked on 11 Jul 2013

7 answers

446 views

[Solved] Page scroll goes top after an ajax update

Hello, Telerik Team and Community!
I need your help.

I have a problem with RadAjaxPanel. I put two separate RadGrids in it. The second RadGrid has a button on every row to update a quantity value, entered in a RadNumericTextBox. Whenever I update this quantity, the scroll goes up, and it goes not to the beginning of the page, but to the point where the Ajax Panel begins.

This is kind of strange behavior and thus our users lose the interactivity Ajax has to offer.

I've read about this being reported as bug back in 2008. Now it's 2010 and still encounter the same problem.
So, what should I do to avoid it?

Thanks,
Plamen Petrov
Application Software Systems

Ajax

answered on 10 Jul 2013

2 answers

136 views

Getting cell value when visible is false

Updated Web.UI recently to ver 2012.2.815.40 and now when we try to get a value from a GridBoundColumn that's not visible the .Text of the GridDataItem is a non breaking space instead of the numeric value. Turn visible on and it's a number like we expect.

How should we get the value in this case?

var groupMemberIDStr = item["GroupMemberID"].Text;

Grid

answered on 10 Jul 2013

6 answers

358 views

"Failed to create designer" error, DNN

Hello,

I think I have a versioning conflict on my machine here.

I have a just renewed the premium collection of Telerik controls and installed the latest ASP Ajax controls today.
I have also just installed DotNetNuke 6.0 Community edition which ships with your ASP Ajax controls BUT an earlier version.

DNN packaged version: 2011.1.519.35
My purchased version: 2011.2.712.40

I'm trying to create a new module for DNN (to test their latest release) and have referenced the Telerik controls that ship with DNN.
When I add any Telerik control to .aspx, I get the "Failed to create designer" error.

I've tried referencing my purchased version (2011.2.712.40) of the controls just to see if those will show up and that works BUT, won't work in DNN because DNN was compiled targeting their packaged version (2011.1.519.35) and I don't want to recompile DNN source.

What do I need to do to get the "free" version (2011.1.519.35) to show up in the designer as that is the version I NEED to use.

Thanks,

Lindsay

TreeList

answered on 10 Jul 2013

3 answers

362 views

[Solved] Radpanelbar expand collapse issue

Hi,
I am using radpanel bar. when i click on the panelbar item if it is open then it should be closed and next panel item should be loaded automatically , if it is closed then expand and collapse all other expanded panel items

Thanks.

PanelBar

answered on 10 Jul 2013

2 answers

59 views

RadWindow always available in the application

Hello,

Is it possible to create a RadWindow which will be always available in the application, so that if I will naviguate from the parent page to anothor page in the application, the RadWindow will not disappear ?

Thanks in advance.

Window

answered on 10 Jul 2013

5 answers

164 views

Control Panel Installer stop working on update

hello team!

I have a problem with the control panel installer, after starting it I'll get a dialog for updateting the control panel.

I click OK the download starts and when the progressbar is filled the program stopt working!

hope you can help me with this.

thanks and best Regards

sascha

Installer and VS Extensions

answered on 10 Jul 2013