Questions on UI for ASP.NET AJAX Forum

5 answers

260 views

Using version 2012.2.724.40

I tried creating a headergroup in the markup and when I exported it, a blank line showed in the BIFF/Excel, but the headergroup headertext did not show.

I created a dynamic headergroup

Dim headerGroup As New GridColumnGroup
dgSources.MasterTableView.ColumnGroups.Add(headerGroup)
headerGroup.Name = "customgroup"
headerGroup.HeaderText = "Some Title"

For Each gcColumn As GridColumn In dgSources.MasterTableView.Columns
If gcColumn.ColumnType = "GridBoundColumn" Then
gcColumn.ColumnGroupName = "customgroup"
End If
Next

Then tried to export it, and I got this error:

Invalid column name: customgroup

at Telerik.Web.UI.GridTableView.CreateMultiColumnHeaders(Boolean useDataSource, GridColumn[] copiedColumnSet, GridTHead thead)

at Telerik.Web.UI.GridTableView.CreateControlHierarchy(Boolean useDataSource)

at Telerik.Web.UI.GridTableView.CreateChildControls(IEnumerable dataSource, Boolean useDataSource)

at System.Web.UI.WebControls.CompositeDataBoundControl.PerformDataBinding(IEnumerable data)

at System.Web.UI.WebControls.DataBoundControl.OnDataSourceViewSelectCallback(IEnumerable data)

at System.Web.UI.DataSourceView.Select(DataSourceSelectArguments arguments, DataSourceViewSelectCallback callback)

at System.Web.UI.WebControls.DataBoundControl.PerformSelect()

at Telerik.Web.UI.GridTableView.PerformSelect()

at System.Web.UI.WebControls.BaseDataBoundControl.DataBind()

at Telerik.Web.UI.GridTableView.DataBind()

at Telerik.Web.UI.RadGrid.DataBind()

at Telerik.Web.UI.RadGrid.AutoDataBind(GridRebindReason rebindReason)

at Telerik.Web.UI.RadGrid.RebindForExport()

at Telerik.Web.UI.Grid.Export.TableViewExporter.PrepareForExportInternal(GridTableView tableView, Boolean ignorePaging, Boolean dataOnly)

at Telerik.Web.UI.Grid.Export.TableViewExporter.page_PreRender(Object sender, EventArgs e)

at System.EventHandler.Invoke(Object sender, EventArgs e)

at System.Web.UI.Control.OnPreRender(EventArgs e)

at System.Web.UI.Control.PreRenderRecursiveInternal()

at System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint)

Grid

answered on 06 Nov 2012

1 answer

143 views

User control and radAjax

I have a content page which contains a radAjaxManagerProxy (radAjaxManager is on master page). On that page I have a radGrid, a simple form, and a web user control. The web user control consists of an imagebutton (to open a radWindow), a couple of labels, and a radWindow (with a content template, NOT a url). The radWindow contains a radListBox and a submit button. Selecting an item from the radListBox in the popup radWindow and clicking the button closes the window and rebinds the radGrid. This works perfectly, but I can't get it to ajaxify - the entire page refreshes. I've tried adding the user control as the AjaxControlID and the radGrid as an UpdatedControl, but it still refreshes the whole page. A save button on the page itself is also ajaxified to update the grid, and that works fine. I just can't get the user control to update just the grid and not the whole page. I've also tried setting the id of the submit button in the window as the AjaxControlID, but that doesn't work either.

Ajax

answered on 06 Nov 2012

5 answers

340 views

What is the Maximum Data I can bind to a TreeList

I am trying to create a simple treelist. When I bind a data more than 10,000 rows it takes a long time to respond(around 50 sec). If it is more than 50,000 rows it doesn't respond at all. What is the maximum data I can bind to a tree list?

TreeList

answered on 06 Nov 2012

1 answer

82 views

Update to 2012 Q3: combo width issue

Hi, I have recently tried the new update (Q3) and I come to an issue.

I use a combobox that takes all the space of the page, the skin of it is "Office2007".
My screen resolution is 1680x1050.
The combo is not large enough anymore. I know that you use an image for the combo, In the old version (Q2) it used to be 2000 pixels width, in the new version it is 1000 pixels width. That is causing troubles for me because the combo is not taking all the screen anymore.

I can understand the point of resizing the image (inscrease speed on page load), but in my situation, I'm thinking of:
- Create a new image that is bigger (using paint or whatever).
- Put a bit off css to override telerik's image.

I just wonder if there is another way to do it, like a property or something?

Ok I'm having an issue, but I love the new skin of that Office2007 combo and I think you made the right decision deducing the size of it (again, increase loading time).

if there is no property to change it, that will be fine. I'll use my solution, I will find a way and I will post the image and the css on that thread for peoples having the same trouble.

Waiting for your answer.

Cheers

ComboBox

answered on 06 Nov 2012

2 answers

70 views

Scrolling when clicking in grid

Hi!

I'm in the process of upgrading from Telerik RadControls for ASP.NET Ajax version 2012.01.411.40 to 2012.3.1016.40.
I've noticed a new (unwanted) behaviour when clicking in a grid.

If I have many items in the grid so the grid continues below the bottom of the browser window then when I click on any visible GridDataItem in the grid the window will automatically scroll so that the top of the grid is aligned with the top of the browser window.

I don't want it to automatically scroll in this case. The behaviour can be seen in all demo grids on Telerik web site.
What can I do to get rid of this behaviour?

Thanks Mats

Grid

answered on 06 Nov 2012

3 answers

153 views

Help with pie chart please.

I am building a pie chart totally programatically and displaying in a panel.
My page has a fixed width and the panel have 400px fixed width. rest other are for other elements displayed.
My chart appears very small since i have the label name pretty long. i cant change the label name but i can align it to bottom so that chart appears throughout the whole areas and my labels appear at the bottom.
Is there any way it can be done through Server side code only.
Please refer to the attached picture about the char sturucture

Chart (HTML5)

answered on 06 Nov 2012

5 answers

434 views

Why does RadDatePicker.SelectedDate include the time?

Hello,

Why does RadDatePicker.SelectedDate include the time? If the time needs to be included in the SelectedDate value, then why not just use a RadDateTimePicker? Please help me to understand the logic behind including the time on the SelectedDate.

Thanks,
Casey

Calendar

answered on 06 Nov 2012

0 answers

44 views

Screen Issues in Chrome

Having issues only with chrome. It works in all other browsers. It apears that when I open a screen with RadFileExplorer and then hit the upload button the upload screen displays properly, but when I add files in chrome parts of the screen disappear. It seems like a zored issue. I have include 2 files one is the initial the other is after I drag 2 files at one time into the uploader. If I am to drag a 3rd file then the screen grows and shows the last file loaded but hides the previous 2. When I click on the header the entire screen shows.

This is the code for the filemange on my main screen

<telerik:RadWindowManager ID="RadWindowManager1" runat="server" Style="z-index: 7001">

<Windows>

<telerik:RadWindow ID="FileManager" runat="server" Title="" Height="600px" Width="800px"

ReloadOnShow="True" Modal="True" Skin="WebBlue" VisibleStatusbar="false" ShowContentDuringLoad="false" />

</Windows>

</telerik:RadWindowManager>

this is the markup of the filemanger screen

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="FileManager.aspx.cs" Inherits="ComplianceClient.MarketingScreens.FileManager" %>

<!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>

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

<style type="text/css">

#<%=RadFileExplorer1.ClientID%>_uploadContainer

{

overflow-x: hidden !important;

}

</style>

</telerik:RadCodeBlock>

</head>

<body>

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

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

</telerik:RadScriptManager>

<div>

<asp:Literal ID="lblScript" runat="server"></asp:Literal>

<asp:Label ID="lblErrorMessage" runat="server" Font-Bold="True" ForeColor="Red"></asp:Label>

<telerik:RadFileExplorer ID="RadFileExplorer1" runat="server" Skin="WebBlue" Width="100%" style="z-index:7001" >

<Configuration EnableAsyncUpload="true" />

</telerik:RadFileExplorer>

</div>

</form>

</body>

</html>

On the load event of the filemanger screen I have

RadFileExplorer1.WindowManager.Style.Add("z-index", "100001");

Does anyont have anyidea how to keep the screen on top, or why parts of the screen seem to disappear?

FileExplorer

asked on 06 Nov 2012

1 answer

64 views

Ajax Manager Help

I have two user controls in a page. In second user control there is a repeater control and delete button inside the repeater control. When I click on the delete button inside repeater ,it should refresh the first user control and it should render in the page. Currently if I click on delete button it goes to delete event handler and does the job but does not refresh the first user control. The first user control is empty when delete occurs.

I have attached the code below for your reference.

I would appreciate if I can get a solution and not examples as I have seen a few examples from Google and Telerik support which are not really helpful.

Main Page (where 2 user controls implemented):

<table>

<tr>

<td>

<asp:Label style="float: left;" id="lblUpload" runat="server" Text="Basis of Design: "> </asp:Label>

</td><td>

<!—User Control 1 à

<fusion:ArtifactUpload runat="server" IsMultiUploadControl="false" ID="BODUploadControl" OnFileUploading="BODUpload_OnFileUploading" AutoAjaxify="true" OnNeedsArtifactId="BODUpload_OnNeedsArtifactId" >

<telerik:FileFilter Description="BOD Files (.doc, .docx, .pdf)" Extensions="doc,docx,pdf" />

</filefilters>

</fusion:ArtifactUpload>

<!—User Control 2 à

<fusion:ArtifactRepeater style=" padding:2px;" ID="BODRepeater" runat="server" OnFileDeleting="BODUpload_OnFileDeleted" />

</td>

</tr>

<br />

<tr>

<td>

<asp:Label style="float: left;" id="lblIcemUploadText" runat="server" Text="iCem Design: "> </asp:Label>

</td><td>

<!—User Control 1 à

<fusion:ArtifactUpload runat="server" IsMultiUploadControl="false" ShowLargeProgressIndicator="true" CallToAction="Attach iCem Design" AutoAjaxify="true" AppName="myCem" ID="ICEMUploadControl" OnNeedsArtifactId="ICemUpload_OnNeedsArtifactId" OnFileUploading="ICemUpload_OnFileUploading" >

<telerik:FileFilter Description="iCem Designs (.icem)" Extensions="icem" />

</filefilters>

</fusion:ArtifactUpload>

<!—User Control 2à

<fusion:ArtifactRepeater ID="ICEMRepeater" runat="server" OnFileDeleting="ICemUpload_OnFileDeleted" />

</td>

</tr>

</table>

User Control- 2:

<telerik:RadAjaxManagerProxy ID="rptRadAjaxProxyMgr" runat="server">

<telerik:AjaxSetting AjaxControlID="pnlRepeater">

<telerik:AjaxUpdatedControl ControlID="pnlRepeater" LoadingPanelID="LoadingPanel" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManagerProxy>

<asp:Panel ID="pnlRepeater" runat="server">

<table>

<asp:Repeater ID="rptUploadedFiles" runat="server" OnItemDataBound="rptUploadedFiles_ItemDataBound">

<tr>

<td>

<asp:LinkButton ID="ArtifactLink" runat="server" Style="float: left;" />

</td>

<td>

<telerik:RadButton AutoPostBack="true" runat="server" Width="20px" Height="20px" ID="btnDelete"

OnClick="RADArtifactDelete_OnClick" Style="float: left;">

</Image>

</telerik:RadButton>

</td>

</tr>

<asp:HiddenField ID="hdnArtifactId" runat="server" Value='<%#Container.DataItem%>' />

</ItemTemplate>

</asp:Repeater>

</table>

</asp:Panel>

User Control 1:

<telerik:RadWindow ID="ArtifactUploadProgressWindow" runat="server" IconUrl="<% $SPUrl: ~sitecollection/Style Library/WorkflowUserInterfaceCommon/Images/Fusion_Logo_grey_16.png %>"

Behaviors="None" Modal="True" VisibleStatusbar="False" ReloadOnShow="False" Opacity="100"

Animation="None" AutoSize="True">

<h2>

<%= this.CallToAction %>

</h2>

<hr />

<hr />

<asp:Button ID="CancelUpload" runat="server" Text="Cancel" OnClick="CancelUpload_OnClick" />

</div>

</ContentTemplate>

</telerik:RadWindow>

<div style="vertical-align:middle;"><telerik:RadAsyncUpload ID="ArtifactUploadControl" runat="server" MaxFileSize="15000000" HttpHandlerUrl="~/_layouts/Halliburton.Fusion.Portal.Workflow.Infrastructure/ArtifactHandler.ashx"

EnableInlineProgress="False" MaxFileInputsCount="1" UploadedFilesRendering="BelowFileInput"

OnFileUploaded="ArtifactUploadControl_OnFileUploaded" Height="25px" PostbackTriggers="ArtifactUploadSubmit"

EnableEmbeddedSkins="False" Skin="CustomUpload">

</telerik:RadAsyncUpload>

</div>

<asp:Button ID="ArtifactUploadSubmit" runat="server" Text="" Style="display: none;" />

</div>

User Control 1 .cs:

Page_Load()

{

RadAjaxManager radAjaxManager = RadAjaxManager.GetCurrent(this.Page);

radAjaxManager.AjaxSettings.AddAjaxSetting(this, this);

}

Ajax

answered on 06 Nov 2012

0 answers

59 views

Issue with Screen in Chrome

I have a screen that is the Fileexporer and allow users to upload new files. It work fine in IE and Firefox but I have a screen issue in Crome
I have included the screen shots. The first on is when the screen opens, the second is whenI drop 2 files on the screen. If I use the select button it does the same thing. If I load them one at a time it only shows the last fileI uploaded. If I click on the window header the whole screen becomes visible. It is like parts of the screen are behind the other popup.

In the main screen I have the following code for the window manager

<telerik:RadWindowManager ID="RadWindowManager1" runat="server" Style="z-index: 7001">

<Windows>

<telerik:RadWindow ID="FileManager" runat="server" Title="" Height="600px" Width="800px"

ReloadOnShow="True" Modal="True" Skin="WebBlue" VisibleStatusbar="false" ShowContentDuringLoad="false" />

</Windows>

</telerik:RadWindowManager>

then for the Filemanager screen I have the folloing code.

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="FileManager.aspx.cs" Inherits="ComplianceClient.MarketingScreens.FileManager" %>

<!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>

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

<style type="text/css">

#<%=RadFileExplorer1.ClientID%>_uploadContainer

{

overflow-x: hidden !important;

}

</style>

</telerik:RadCodeBlock>

</head>

<body>

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

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

</telerik:RadScriptManager>

<div>

<asp:Literal ID="lblScript" runat="server"></asp:Literal>

<asp:Label ID="lblErrorMessage" runat="server" Font-Bold="True" ForeColor="Red"></asp:Label>

<telerik:RadFileExplorer ID="RadFileExplorer1" runat="server" Skin="WebBlue" Width="100%" style="z-index:7001" >

<Configuration EnableAsyncUpload="true" />

</telerik:RadFileExplorer>

</div>

</form>

</body>

</html>

I have tried altering z order and other things but it seems to have issues with Chrome. Has anyone else had this issue?

FileExplorer

asked on 06 Nov 2012