Questions on UI for ASP.NET AJAX Forum

1 answer

121 views

Dear Forum,

We are having issues with the RadGrid only under very specific circumstances. When we activate the "static headers", "scrolling", and "client column resize" the browser launches a JS exception. We are able to reproduce the problem from scratch on a new page. When we try the same code on Goggle Chrome, it doesn't occur.
The exception is always thrown when we invoke the TableView.resizeColumn() method.
I will appreciate any tip you could give us.

Thanks

ASP.NET version: 3.5 SP1

OS: Windows XP SP3

Browser version: IE 8.0.6001.18702

Telerik Product: RadControls for ASP.NET AJAX Q2 2010 SP2

Preferred programming language: C#

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1) ; .NET CLR 1.1.4322; .NET CLR 3.0.04506.648; .NET CLR 3.5.21022; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729; .NET CLR 4.0.20506; .NET CLR 2.0.50727)

Timestamp: Mon, 15 Nov 2010 23:17:35 UTC

Message: Invalid argument.

Line: 3557

Char: 81

Code: 0

URI: http:

//localhost/test/Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=RadScriptManager1_TSM&compress=1&_TSM_CombinedScripts_=%3b%3bSystem.Web.Extensions%2c+Version%3d3.5.0.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d31bf3856ad364e35%3aen-US%3a3de828f0-5e0d-4c7d-a36b-56a9773c0def%3aea597d4b%3ab25378d2%3bTelerik.Web.UI%2c+Version%3d2010.2.929.35%2c+Culture%3dneutral%2c+PublicKeyToken%3d121fae78165ba3d4%3aen-US%3a15a8cff0-9e51-4282-a100-c2dcd204ecf2%3a16e4e7cd%3a58366029%3ab7778d6c%3ae085fe68%3af7645509%3a24ee1bba%3a1e771326%3aaa288e2d%3ae330518b%3ac8618e41%3ae4f8f289

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="RadGridResizeTest.aspx.cs" Inherits="Pacer.PLS.BackOffice.Web.UI.RadGridResizeTest" %>

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

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

<head runat="server">

<title></title>

</head>

<body>

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

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

<script type="text/javascript">

function GridCreated(sender) {

var masterTableView = sender.get_masterTableView();

masterTableView.resizeColumn(0, 100);

}

</script>

</telerik:RadCodeBlock>

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

</telerik:RadScriptManager>

<telerik:RadGrid ID="rgdResizeTest3" runat="server" AllowSorting="True" Skin="Default" EnableEmbeddedSkins="True" PagerStyle-AlwaysVisible="true" AllowFilteringByColumn="True" DataSourceID="SqlDataSource1" GridLines="None">

<mastertableview allowpaging="True" pagesize="10" commanditemdisplay="None" allowmulticolumnsorting="true" editmode="InPlace" allowfilteringbycolumn="True" datasourceid="SqlDataSource1">

<CommandItemSettings ExportToPdfText="Export to Pdf"></CommandItemSettings>

<EditFormSettings>

<EditColumn InsertImageUrl="Update.gif" UpdateImageUrl="Update.gif" EditImageUrl="Edit.gif" CancelImageUrl="Cancel.gif">

</EditColumn>

</EditFormSettings>

<PagerStyle AlwaysVisible="True"></PagerStyle>

<CommandItemTemplate>

</CommandItemTemplate>

<Columns>

</Columns>

</mastertableview>

<clientsettings enablerowhoverstyle="true">

<ClientEvents OnGridCreated="GridCreated"></ClientEvents>

<Scrolling AllowScroll="True" UseStaticHeaders="True" SaveScrollPosition="True"></Scrolling>

<Resizing AllowColumnResize="True" ResizeGridOnColumnResize="False" ClipCellContentOnResize="True" EnableRealTimeResize="False" />

</clientsettings>

<pagerstyle position="Bottom" />

</telerik:RadGrid>

<asp:SqlDataSource ID="SqlDataSource1" runat="server"

ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>" SelectCommand="SELECT [ProductName], [UnitPrice], [UnitsInStock], [UnitsOnOrder], [QuantityPerUnit], [ReorderLevel], [Discontinued] FROM [Products]"></

asp:SqlDataSource>

</form>

</body>

</html>

Grid

answered on 19 Nov 2010

11 answers

184 views

Page drawing

Hi,

When using a standard button I am noticing that a lot of the time the right side of the button appears before the page finishes loading and well before the rest of the button finishes loading. I'm noticing this on IE8 and haven't tested on any other browsers.

Let me know if you want a screenshot...

Cheers,
Jon

Button

answered on 19 Nov 2010

1 answer

111 views

Removing the right click from the drag handle

Hi,

I'm wanting to use some context based code on a RadDock drag handle but when I hookup my javascript to the right click/oncontextmenu that works great but the dock fires off the OnClientDockPositionChanged event. Can anyone help me in removing the handler from the right mouse button/oncontextmenu so the dock does not fire off the extra events.

Thanks.

Dock

answered on 19 Nov 2010

2 answers

88 views

formating content in RAD Editor when pasting from word

Hi,
I'm using the RAD Editor as content management tool in ASP.NET. Now I want to remove some unwanted formatting comes from MSWord when copying a Table created in Word. Is there any way to remove the specific attributes or retaining only width or height attributes only. if you have provide some samples.

Regards,
Elangovan P

Editor

answered on 19 Nov 2010

5 answers

550 views

Refresh visible flicker/blink

I've tried "http://demos.telerik.com/aspnet-ajax/controls/examples/integration/aspajaxchartapplication/defaultcs.aspx?product=chart",
but I have noticed a blink/flickers. how to eliminate the blink/flickers.

Chart (Obsolete)

answered on 19 Nov 2010

2 answers

255 views

Client-side access to controls within HeaderTemplate

Hi All,
I am having trouble accessing a control in my HeaderTemplate on the client side (javascript). The PanelBar looks like :

<telerik:RadPanelBar ID="RadPanelBar1" runat="server" ExpandMode="FullExpandedItem"

OnItemClick="RadPanelBar1_ItemClick" Width="100%" OnClientItemClicking="OnExpandoClick"

Height="100%">

<Items>

<telerik:RadPanelItem runat="server" Text="Element" Selected="True"

Expanded="True">

<Items>

<telerik:RadPanelItem runat="server" Value="Element">

<ItemTemplate>

<telerik:RadGrid ...</telerik:RadGrid>

</ItemTemplate>

</telerik:RadPanelItem>

</Items>

<HeaderTemplate>

<div style="margin-left: 5px">

<asp:Label ID="ElementDescriptor" runat="server" Text="Element"></asp:Label>

</div>

</HeaderTemplate>

</telerik:RadPanelItem>

<telerik:RadPanelItem runat="server" Text="Category" BackColor="#8080FF">

<Items>

<telerik:RadPanelItem runat="server" Value="Category">

<ItemTemplate>

...

</ItemTemplate>

</telerik:RadPanelItem>

</Items>

<HeaderTemplate>

<div style="margin-left: 5px">

<asp:Label ID="CategoryDescriptor" runat="server" Text="Category"></asp:Label>

</div>

</HeaderTemplate>

</telerik:RadPanelItem>

<telerik:RadPanelItem runat="server" Text="Criteria" BackColor="#00C000">

<Items>

<telerik:RadPanelItem runat="server" Value="Criteria">

<ItemTemplate>

...

</ItemTemplate>

</telerik:RadPanelItem>

</Items>

<HeaderTemplate>

<div style="margin-left: 5px">

<asp:Label ID="CriteriaDescriptor" runat="server" Text="Criteria"></asp:Label>

</div>

</HeaderTemplate>

</telerik:RadPanelItem>

</Items>

<ExpandAnimation Duration="1000" />

</telerik:RadPanelBar>

Pretty much, the HeaderTemplate is used to remove the "Expand" image on the right of the default.
What I can't work out is how to access it to change the labels text. The following script is used on the OnClientItemClicking event for the PanelBar :

function OnExpandoClick(sender, eventArgs) {

var panelBar = $find("<%= RadPanelBar1.ClientID %>");

var currentItem = panelBar.get_selectedItem();

var item = eventArgs.get_item();

// Try 1

// var thisItem = panelBar.findItemByText('Category');

// thisItem.findControl('CategoryDescriptor').text = 'Category222';

// Try 2

var lbl = $find('<%= RadPanelBar1.FindItemByText("Category").Header.FindControl("CategoryDescriptor").ClientID %>');

lbl.Text = 'Category222';

} else {

eventArgs.set_cancel(true);

}

As you can see, I have tried 2 different ways, but to no avail.
Any help with this is greatly appreciated.
Steele.

PanelBar

answered on 19 Nov 2010

2 answers

156 views

[Solved] TimePicker in GridDatetimeColumn: cannot set properties

Hello!
I am using version 2010.1.519.35, and get a problem, in GridDateTimeColumn, i set PickerType="TimePicker", this aspx code:

<tlk:GridDateTimeColumn PickerType="TimePicker" DataFormatString="{0: HH:mm}" DataField="StartTime" HeaderText="Start time" UniqueName="StartTime"

<HeaderStyle Width="110px"

/>

<ItemStyle Wrap="true" />

</tlk:GridDateTimeColumn>

and code behind:

protected void _grid_ItemDataBound(object sender, GridItemEventArgs e)

{

if (e.Item is GridEditableItem && e.Item.IsInEditMode)

{

((RadTimePicker)item["StartTime"].Controls[0]).TimeView.TimeFormat = "HH:mm";

((RadTimePicker)item["StartTime"].Controls[0]).TimeView.Columns = 2;

((RadTimePicker)item["StartTime"].Controls[0]).DateInput.DateFormat = "HH:mm";

((RadTimePicker)item["StartTime"].Controls[0]).DateInput.DisplayDateFormat = "HH:mm";

}

DateInput's properties works fine, but TimeView does not. In time popup, timeformat's still "t", not "HH:mm", and columns number is three (3). Please help me solve this proplem.
(Sorry for my bad english)
Thanks so much!

Grid

answered on 19 Nov 2010

3 answers

116 views

Export to excel ... preserve format

Hello,

While exporting grid data, the data dispalyed in grid such as $8,000.00 is exported as just 8000 instead of $8,000.

Is there a way to preserve the format while exporting to excel?

Thank you

Regards
Raj

Grid

answered on 18 Nov 2010

2 answers

153 views

[Solved] RadWindow and response.redirect JavaScript issues

Hello,

I have a page with a RadWindow open. THe RadWindow page executes response.Redirect. For some reason, when the radwindow redirects, all scripts are failing to load: Sys and JQuery are undefined. Why would that be?

Thanks.

Window

answered on 18 Nov 2010

2 answers

276 views

RadAsyncUpload does not clear uploaded files?

Hi, I'm using RadAsyncUpload to let the user upload a file (one row only). Once a file uploaded if I check the "remove" cross button and post back the page, the file is sent to the server because it was not removed from the uploaded files.

The C# call
if (RadAsyncUpload1.UploadedFiles.Count == 0 ) is false.

I tried to add a javascript code to clear up but it didn't work.
What should I do ?
- is there a way server side to select only the file which is shown in the RadAsyncUpload Textbox?
- or is there a way to clear that uploaded file list if I click on the remove button?

Thanks.

Upload (Obsolete)

answered on 18 Nov 2010