Questions on UI for ASP.NET AJAX Forum

9 answers

149 views

I'm using a RadRotator control to display testimonials on our website, whenever anyone hovers over the control it begins scrolling through the items rapidly. I've tried setting the PauseOnMouseOver property and I've also tried setting the OnClientMouseOver property both to no avail. How can I fix this?

Thanks

Rotator

answered on 05 Dec 2013

1 answer

91 views

Exporting programtically created template columns

I have a radgrid with programtically created template columns. There are no fancy controls in the template columns. Just Links and Table.
When I download as excel it doesnt download any of the template column data. Attached below is the source code sample. I've also attached image snapshot of html rendered and excel downloaded. Creating template columns dynamically is critical for me as I'll not know the number of columns until I run some database queries to get the data.
Appreciate your help.

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ScaleAnalysisTemplateTest.aspx.cs" Inherits="DSSAnalytics.DashboardWidgets.ScaleAnalysisTool.ScaleAnalysisTemplateTest" %>

<%@ 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:RadScriptManager ID="MuniWebScriptMgr" runat="server" EnablePartialRendering="true"

AsyncPostBackTimeout="36000">

<Scripts>

<asp:ScriptReference Path="~/scripts/jquery-1.3.2.js" />

</Scripts>

</telerik:RadScriptManager>

<asp:ImageButton runat="server" ID="IMG_Excel" OnClick="DownloadAsExcel" CssClass="ExcelBtnStyle"

ImageUrl="../../images/excel.png" ToolTip="Export to Excel" />

<div id="gridCtrl" runat="server">

</div>

</form>

</body>

</html>

RadGrid r;

protected void Page_Init(object sender, EventArgs e)

{

BuildRadGrid();

}

protected void Page_Load(object sender, EventArgs e)

{

}

private void BuildRadGrid()

{

r = new RadGrid();

r.ID = "ScaleAnalysisSummaryByRow";

r.GridLines = GridLines.None;

r.EnableEmbeddedSkins = false;

r.MasterTableView.AutoGenerateColumns = false;

r.MasterTableView.TableLayout = GridTableLayout.Fixed;

r.AllowSorting = true;

r.MasterTableView.AllowNaturalSort = true;

r.ClientSettings.Scrolling.SaveScrollPosition = false;

r.EnableViewState = false;

r.Height = Unit.Pixel(450);

r.Width = Unit.Pixel(1200);

r.MasterTableView.Width = Unit.Pixel(900);

GridBoundColumn boundColumn1 = new GridBoundColumn();

boundColumn1.HeaderText = "Name";

boundColumn1.DataField = "name";

boundColumn1.UniqueName = "name";

boundColumn1.HeaderStyle.HorizontalAlign = HorizontalAlign.Center;

boundColumn1.ItemStyle.HorizontalAlign = HorizontalAlign.Left;

boundColumn1.HeaderStyle.VerticalAlign = VerticalAlign.Bottom;

boundColumn1.HeaderStyle.Width = Unit.Pixel(150);

boundColumn1.HeaderStyle.Font.Bold = true;

r.Columns.Add(boundColumn1);

GridTemplateColumn boundColumn2 = new GridTemplateColumn();

boundColumn2.HeaderText = "Series";

boundColumn2.ItemTemplate = new ScaleAnalysisRowSeriesNameTemplate();

boundColumn2.HeaderStyle.HorizontalAlign = HorizontalAlign.Center;

boundColumn2.ItemStyle.HorizontalAlign = HorizontalAlign.Left;

boundColumn2.HeaderStyle.VerticalAlign = VerticalAlign.Bottom;

boundColumn2.HeaderStyle.Width = Unit.Pixel(130);

boundColumn2.HeaderStyle.Font.Bold = true;

r.Columns.Add(boundColumn2);

GridBoundColumn boundColumn3 = new GridBoundColumn();

boundColumn3.HeaderText = "Amount";

boundColumn3.DataField = "amt";

boundColumn3.UniqueName = "amt";

boundColumn3.HeaderStyle.HorizontalAlign = HorizontalAlign.Center;

boundColumn3.ItemStyle.HorizontalAlign = HorizontalAlign.Right;

boundColumn3.HeaderStyle.VerticalAlign = VerticalAlign.Bottom;

boundColumn3.HeaderStyle.Width = Unit.Pixel(60);

boundColumn3.HeaderStyle.Font.Bold = true;

boundColumn3.DataFormatString = "{0:N0}";

r.Columns.Add(boundColumn3);

int year = 2010;

string col1 = "col1_d1";

string col2 = "col1_d2";

string col3 = "col1_d3";

string col4 = "col1_d4";

GridTemplateColumn templateColumn = new GridTemplateColumn();

templateColumn.HeaderTemplate = new ScaleAnalysisRowHeaderTemplate(year);

templateColumn.ItemTemplate = new ScaleAnalysisRowItemTemplate(col1 , col2, col3 , col4);

r.Columns.Add(templateColumn);

year = 2011;

col1 = "col2_d1";

col2 = "col2_d2";

col3 = "col2_d3";

col4 = "col2_d4";

GridTemplateColumn templateColumn2 = new GridTemplateColumn();

templateColumn2.HeaderTemplate = new ScaleAnalysisRowHeaderTemplate(year);

templateColumn2.ItemTemplate = new ScaleAnalysisRowItemTemplate(col1, col2, col3, col4);

r.Columns.Add(templateColumn2);

r.ClientSettings.Scrolling.AllowScroll = true;

r.ClientSettings.Scrolling.UseStaticHeaders = true;

r.ClientSettings.Selecting.AllowRowSelect = true;

r.NeedDataSource += new GridNeedDataSourceEventHandler(Grid_NeedDataSource);

gridCtrl.Controls.Add(r);

}

protected void Grid_NeedDataSource(object source, Telerik.Web.UI.GridNeedDataSourceEventArgs e)

{

DataTable dt = new DataTable();

dt.Columns.Add("name", typeof(String));

dt.Columns.Add("series", typeof(String));

dt.Columns.Add("amt", typeof(Decimal));

dt.Columns.Add("col1_d1", typeof(Decimal));

dt.Columns.Add("col1_d2", typeof(Decimal));

dt.Columns.Add("col1_d3", typeof(Decimal));

dt.Columns.Add("col1_d4", typeof(Decimal));

dt.Columns.Add("col2_d1", typeof(Decimal));

dt.Columns.Add("col2_d2", typeof(Decimal));

dt.Columns.Add("col2_d3", typeof(Decimal));

dt.Columns.Add("col2_d4", typeof(Decimal));

DataRow dr = dt.NewRow();

dr["name"] = "John Smith";

dr["series"] = "S1";

dr["amt"] = 200.98;

dr["col1_d1"] = 120;

dr["col1_d2"] = 11;

dr["col1_d3"] = 12090;

dr["col1_d4"] = 1221;

dr["col2_d1"] = 320;

dr["col2_d2"] = 110;

dr["col2_d3"] = 1190;

dr["col2_d4"] = 121;

dt.Rows.Add(dr);

dr = dt.NewRow();

dr["name"] = "Mary Jones";

dr["series"] = "S2";

dr["amt"] = 200.98;

dr["col1_d1"] = 120;

dr["col1_d2"] = 11;

dr["col1_d3"] = 12090;

dr["col1_d4"] = 1221;

dr["col2_d1"] = 20;

dr["col2_d2"] = 10;

dr["col2_d3"] = 190;

dr["col2_d4"] = 21;

dt.Rows.Add(dr);

dr = dt.NewRow();

dr["name"] = "Test User";

dr["series"] = "S3";

dr["amt"] = 200.98;

dr["col1_d1"] = 120;

dr["col1_d2"] = 11;

dr["col1_d3"] = 12090;

dr["col1_d4"] = 1221;

dr["col2_d1"] = 200;

dr["col2_d2"] = 109;

dr["col2_d3"] = 1990;

dr["col2_d4"] = 218;

dt.Rows.Add(dr);

RadGrid grid = (RadGrid)source;

grid.DataSource = dt;

}

protected void DownloadAsExcel(object sender, EventArgs e)

{

try

{

r.ExportSettings.IgnorePaging = true;

r.ExportSettings.OpenInNewWindow = true;

r.ExportSettings.ExportOnlyData = true;

r.ExportSettings.FileName = "ExcelSample";

r.MasterTableView.ExportToExcel();

}

catch (Exception ex)

{

throw ex;

}

internal class ScaleAnalysisRowSeriesNameTemplate : ITemplate

{

protected LiteralControl securityWindow;

public ScaleAnalysisRowSeriesNameTemplate()

{

}

public void InstantiateIn(System.Web.UI.Control container)

{

Table table = new Table();

table.CellSpacing = 0;

table.CellPadding = 0;

table.Width = Unit.Percentage(100);

table.BorderStyle = BorderStyle.None;

TableRow tr1 = new TableRow();

TableCell td1 = new TableCell();

td1.BorderStyle = BorderStyle.None;

td1.BorderWidth = Unit.Pixel(0);

securityWindow = new LiteralControl();

securityWindow.DataBinding += new EventHandler(lControl_Series_DataBinding);

td1.Controls.Add(securityWindow);

td1.HorizontalAlign = HorizontalAlign.Left;

td1.VerticalAlign = VerticalAlign.Middle;

td1.Controls.Add(securityWindow);

tr1.Cells.Add(td1);

table.Rows.Add(tr1);

container.Controls.Add(table);

}

public void lControl_Series_DataBinding(object sender, EventArgs e)

{

LiteralControl l = (LiteralControl)sender;

GridDataItem container = (GridDataItem)l.NamingContainer;

string securityWinLink = "openwin('" + ((DataRowView)container.DataItem)["series"].ToString() + "')";

l.Text = "<a onclick=" + securityWinLink + " title='Click to Open series details'><b><u>" + ((DataRowView)container.DataItem)["series"].ToString() + "</u></b></a>";

}

internal class ScaleAnalysisRowHeaderTemplate : ITemplate

{

private int _year;

public ScaleAnalysisRowHeaderTemplate(int year)

{

_year = year;

}

public void InstantiateIn(System.Web.UI.Control container)

{

Table table = new Table();

table.CellSpacing = 0;

table.CellPadding = 0;

table.Width = Unit.Percentage(100);

table.BorderStyle = BorderStyle.None;

TableRow tr0 = new TableRow();

TableRow tr1 = new TableRow();

TableRow tr2 = new TableRow();

int colspan = 2;

TableCell td0 = new TableCell();

TableCell td1 = new TableCell();

TableCell td2 = new TableCell();

TableCell td3 = new TableCell();

TableCell td4 = new TableCell();

td0.HorizontalAlign = HorizontalAlign.Center;

td0.Text = _year.ToString();

td0.Font.Bold = true;

tr0.Cells.Add(td0);

table.Rows.Add(tr0);

colspan = 2;

td1.Text = "Data1";

td2.Text = "Data2";

td3.Text = "Data3";

td4.Text = "Data4";

td1.HorizontalAlign = HorizontalAlign.Center;

td2.HorizontalAlign = HorizontalAlign.Center;

td3.HorizontalAlign = HorizontalAlign.Center;

td4.HorizontalAlign = HorizontalAlign.Center;

td1.Font.Bold = true;

td2.Font.Bold = true;

td3.Font.Bold = true;

td4.Font.Bold = true;

td1.Width = Unit.Percentage(50);

td2.Width = Unit.Percentage(50);

tr1.Cells.Add(td1);

tr1.Cells.Add(td2);

tr2.Cells.Add(td3);

tr2.Cells.Add(td4);

table.Rows.Add(tr1);

table.Rows.Add(tr2);

td0.ColumnSpan = colspan;

container.Controls.Add(table);

}

internal class ScaleAnalysisRowItemTemplate : ITemplate

{

string _col1;

string _col2;

string _col3;

string _col4;

string _view;

protected LiteralControl lControl1;

protected LiteralControl lControl2;

protected LiteralControl lControl3;

protected LiteralControl lControl4;

int _colcounter;

public ScaleAnalysisRowItemTemplate(string col1, string col2, string col3, string col4)

{

_col1 = col1;

_col2 = col2;

_col3 = col3;

_col4 = col4;

}

public void InstantiateIn(System.Web.UI.Control container)

{

Table table = new Table();

table.CellSpacing = 0;

table.CellPadding = 0;

table.Width = Unit.Percentage(100);

table.BorderStyle = BorderStyle.None;

TableRow tr1 = new TableRow();

TableRow tr2 = new TableRow();

TableCell td1 = new TableCell();

TableCell td2 = new TableCell();

TableCell td3 = new TableCell();

TableCell td4 = new TableCell();

lControl1 = new LiteralControl();

lControl1.ID = "lControl1" + _col1 + _colcounter.ToString();

lControl1.DataBinding += new EventHandler(lControl_col1_DataBinding);

lControl2 = new LiteralControl();

lControl2.ID = "lControl2" + _col2 + _colcounter.ToString();

lControl2.DataBinding += new EventHandler(lControl_col2_DataBinding);

lControl3 = new LiteralControl();

lControl3.ID = "lControl3" + _col3 + _colcounter.ToString();

lControl3.DataBinding += new EventHandler(lControl_col3_DataBinding);

lControl4 = new LiteralControl();

lControl4.ID = "lControl4" + _col4 + _colcounter.ToString(); ;

lControl4.DataBinding += new EventHandler(lControl_col4_DataBinding);

td1.Controls.Add(lControl1);

td2.Controls.Add(lControl2);

td3.Controls.Add(lControl3);

td4.Controls.Add(lControl4);

td1.HorizontalAlign = HorizontalAlign.Center;

td2.HorizontalAlign = HorizontalAlign.Center;

td3.HorizontalAlign = HorizontalAlign.Center;

td4.HorizontalAlign = HorizontalAlign.Center;

td1.BorderStyle = BorderStyle.None;

td1.BorderWidth = Unit.Pixel(0);

td2.BorderStyle = BorderStyle.None;

td2.BorderWidth = Unit.Pixel(0);

td3.BorderStyle = BorderStyle.None;

td3.BorderWidth = Unit.Pixel(0);

td4.BorderStyle = BorderStyle.None;

td4.BorderWidth = Unit.Pixel(0);

td1.Width = Unit.Percentage(50);

td2.Width = Unit.Percentage(50);

tr1.Cells.Add(td1);

tr1.Cells.Add(td2);

tr2.Cells.Add(td3);

tr2.Cells.Add(td4);

table.Rows.Add(tr1);

table.Rows.Add(tr2);

_colcounter++;

container.Controls.Add(table);

}

public void lControl_col1_DataBinding(object sender, EventArgs e)

{

LiteralControl l = (LiteralControl)sender;

GridDataItem container = (GridDataItem)l.NamingContainer;

l.Text = String.Format("{0:N0}", ((DataRowView)container.DataItem)[_col1]);

}

public void lControl_col2_DataBinding(object sender, EventArgs e)

{

LiteralControl l = (LiteralControl)sender;

GridDataItem container = (GridDataItem)l.NamingContainer;

l.Text = String.Format("{0:N2}", ((DataRowView)container.DataItem)[_col2]);

}

public void lControl_col3_DataBinding(object sender, EventArgs e)

{

LiteralControl l = (LiteralControl)sender;

GridDataItem container = (GridDataItem)l.NamingContainer;

l.Text = String.Format("{0:N2}", ((DataRowView)container.DataItem)[_col3]);

}

public void lControl_col4_DataBinding(object sender, EventArgs e)

{

LiteralControl l = (LiteralControl)sender;

GridDataItem container = (GridDataItem)l.NamingContainer;

l.Text = String.Format("{0:N0}", ((DataRowView)container.DataItem)[_col4]);

}

Grid

answered on 05 Dec 2013

1 answer

125 views

iPad audio control plays only once

I am experiencing a problem with playing mp3 audio on iPad within a window, while the same code running in a test page NOT USING A WINDOW runs fine. The audio player is the simple <audio> control supported by html 5

The symptom of the problem is that in the window, the text and controls show fine initially, and the audio will play, but if the window is then closed and a new window opened, the window text shows and remains, but the audio control shows for about 1 second and then disappears!

If I purge all memory of the site from the iPad and revisit the site, again the audio will show up and play once only.

Can anyone suggest what to do next? This is a problem on Safari on iPhone and iPad (IOS7).

I have inserted nocache etc in the code for the page displayed in the window, but it doesn't have any effect.

I can confirm that the window works normally on Safari 5 on my mac. It is just iPad and iPhone where the problem arises.

Thanks for any ideas!

Clive

Window

answered on 05 Dec 2013

1 answer

47 views

Editor content area rendering with 0 height in Webkit browsers

Hi there,

I have put the editor into a div which on document.ready is hidden. The editor is then shown/hidden on button press. My problem is that when you show the div the editor contentarea (class="reContentArea") has a height of 0. It only seems to occur in chrome and safari.

I could just hard code a height but I was just wondering if this is a potential bug.

Editor

answered on 05 Dec 2013

1 answer

147 views

Browse button is not working after applying skin.

I am using RadUpload in our application. I am using skin "Office2007". In Radupload the browse button is not working for this skin. I am using Telerik version 2013.2.611.40. I am using VS2010 and Windows XP for development. I am facing this problem in IE 8. I have attached a sample code which you can use reproduce this issue at your end. Please provide support asap as this is a production issue.

Upload (Obsolete)

answered on 05 Dec 2013

1 answer

78 views

Time row

Hi, there is a way to repeat the time row every 10, 20 resoures? or repeat it in the bottom of the scheduler?
It's very important to see the time and if i have 30 resources i have to scroll up till the top of the page.

Thanks
Mattia

Scheduler

answered on 05 Dec 2013

2 answers

124 views

Opening a child RadWindow from a parent RadWindow

I've read the information at http://www.telerik.com/help/aspnet-ajax/window-programming-opening-from-within-dialog.html and I'm now trying to let the child RadWindow 'talk' back to its parent RadWindow.

When the user presses OK in the child window, a function in the parent RadWindow should be called, passing one or more arguments.

I've tried using 'opener' in the child RadWindow to reference the parent RadWindow, but it is undefined.

I've tried explicitly specifying a parent property the following way:

function OpenChildRadWindow(p_sURL, p_iWidth, p_iHeight) {

var l_oBrowserWnd = GetRadWindow().BrowserWindow;

setTimeout(function () {

var l_oWindow = l_oBrowserWnd.radopen(p_sURL, "newRadWindow", p_iWidth, p_iHeight);

l_oWindow.radParent = this;

l_oWindow.InitialBehaviors = Telerik.Web.UI.WindowBehaviors.None;

l_oWindow.set_modal(true);

}, 0);

}

But when I try to reference "window.radParent" in the child RadWindow it is also undefined.

How can I let a parent and child RadWindow communicate with each other?

Window

answered on 05 Dec 2013

5 answers

225 views

OnClientItemChecked and set_text issue

Hello everyone, I have one problem with RadComboBox and will appreciate any help. I'm using 2013.1.403.40 version with v4.0.30319 runtime in my ASP.NET application. So, here is my solution: combobox on the page, that is populated from server side.

<telerik:radcombobox id="cmbBox" runat="server" width="185px"
DataTextField="Text" DataValueField="Value" DataCheckedField="IsChecked" MaxHeight="185px"
CheckBoxes="True" EnableCheckAllItemsCheckBox="True" Filter="None" Sort="None" EnableTextSelection="False" OnClientItemChecked="cmbBoxItemChecked"/>

cmbBox.Items.Add(new RadComboBoxItem("separator1") { IsSeparator = true });

cmbBox.Items.Add(new RadComboBoxItem

{ Text = "Name1", Value = "Value1", Checked = false });

cmbBox.Items.Add(new RadComboBoxItem("separator2") { IsSeparator = true });

cmbBox.Items.Add(new RadComboBoxItem

{ Text = "Name2", Value = "Value2", Checked = false });

cmbBox.Items.Add(new RadComboBoxItem("separator3") { IsSeparator = true });

cmbBox.Items.Add(new RadComboBoxItem

{ Text = "Name3", Value = "Value3", Checked = false });

So, 6 items will appear on client side (3 separators and 3 simple items). I've also attached event handler for OnClientItemChecked with folowing logic:

function cmbBoxItemChecked(sender, eventArgs)

{

sender.set_text("my custom text according to internal logic, based on checked item");

}

And here is my problem: for example, before sender.set_text operation, text was "2 items checked". Right after sender.set_text it will change to "my custom..." (as desired).
But after exiting from event handler, text will return to it's previous state ("2 items checked"). It seems, that another event fires right after
OnClientItemChecked.
So my desired behaviour, is to change text in radcombobox after user was (un)checked random item. It is possible, or by now, this is not achievable ?
Thank you in advance.

ComboBox

answered on 05 Dec 2013

1 answer

103 views

HeaderText not showing for Exported TreeList

I'm having an issue with my RadTreeList where the HeaderText on the Excel spreadsheet isn't showing after exporting. I don't know if there is some kind of conflict somewhere upstream that's preventing this from happening. I don't think it has to do with AJAX because the rest of the spreadsheet shows everything correctly.

Any tips are greatly appreciated.

TreeList

answered on 05 Dec 2013

9 answers

1.9K+ views

"This is an invalid webresource request" exception is still occurring

Good day,

We’ve been experiencing the invalid webresource exception for at least a few weeks now, mainly on IE7 and IE8, although we’ve also seen it on IE9 and Firefox (but far less frequently).

2012-06-06 14:10:23,238 [20] [admin] [xbqai0wdtzjrg2akwu0hjrc1] [(null)] ERROR Global - Unhandled exception was [System.Web.HttpException (0x80004005): This is an invalid webresource request.

2012-06-06 16:11:49,758 [17] [(null)] [(null)] [(null)] ERROR Global - Application_Error : unhandled exception processing /[AppName]/WebResource.axd?d=Suu-bg3mCuf0dFdR6OaZkvX4qIzt-FMOe6pPRuU-iok0iBRX7G8SkmhJ6f6sVdRz5vgh3rhLmGeuyVCZQ7NlYAkluB8OomTcba5DZz_nqarySe1LWUgUVAdCHlVY9NrY1NCgWnu8yVgPuJfiygFy-Q2&t=634739782657507859

We fixed this by using fixed Machine Keys in IIS, and once all the users had deleted their Temporary Internet Files, we did not see the exception again. At least, until we deployed the latest build of our code onto the server.

Now, the issue is recurring fairly randomly and what happens is on certain pages our application, the selected menu item disappears as do the background images for RadTabStrips. What’s interesting is that it only happens on Internet Explorer (even 9), and if we open Developer Tools and check “Always refresh from server” under Cache, the problem goes away, but returns as soon as we uncheck that option.

We then went to our Temporary Internet Files folder and noticed that there are a number of files with names like: Telerik.Web.UI.WebResource.axd?compress=x&Telerik.Web.UI%2c+Version%3d2012.1.215.40%2c+Culture%3dneutral%2c …

We then opened all of these into Notepad and took the each of the problematic URLs in the error log to try and find the culprit, but to no avail.

We do have the following code on our Master page (if that helps):

<telerik:RadScriptManager ID="RadScriptManager" runat="server" EnableScriptGlobalization="true" EnablePageMethods="true" EnableScriptCombine="true">