Questions on UI for ASP.NET AJAX Forum

1 answer

78 views

RadAjaxPanel

I am new to telerik. I am using the telerik trial version with .net 4 framework.
When i complile the project it gives me an error
The type or namespace name 'RadAjaxPanel' does not exist in the namespace 'Telerik.ReportViewer.WebForms' (are you missing an assembly reference?)
"'Telerik.ReportViewer.WebForms' " is included in bin and added as reference. Does 'Telerik.ReportViewer.WebForms' include 'RadAjaxPanel' ? Or Do I have to add anyother dll for 'RadAjaxPanel' ?
please let me know.

Thanks in advance.

General Discussions

answered on 16 Aug 2011

8 answers

169 views

Grid / Client-Side Row Selection

I'm trying to reproduce the behavior in one of the demos but am having trouble with one part of it. The demo is:
http://demos.telerik.com/aspnet-ajax/grid/examples/client/selecting/defaultcs.aspx , specifically, Grid2 (i.e., Grid with ClientSideSelectColumn).

In the Demo:
- select the header checkbox that "selects all" of the rows (it selects all the rows)
- uncheck the checkbox of one or more rows (it unchecks the header checkbox)
- re-check those checkboxes that were unchecked (it re-checks the header checkbox since all rows are checked again)

In my application:
- select the header checkbox that "selects all" of the rows (it selects all the rows...no problem)
- uncheck the checkbox of one or more rows (it does NOT uncheck the header checkbox as it should)
- click the Post Back button (it does uncheck the header checkbox)
- re-check those checkboxes that were unchecked (it does NOT re-check the header checkbox as it should)
- click the Post Back button (it does re-check the header checkbox)

I'm not sure why my application requires a post-back to check or uncheck the header checkbox when in the Demo it does it all client-side.

My code is as follows:

Order2.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Order2.aspx.cs" Inherits="Test.Order2" %>

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

<!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>Untitled Page</title>

</head>

<body>

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

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

<div>

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadGrid1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadGrid2">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGrid2" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="CheckBox1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="CheckBox2">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1" />

<telerik:AjaxUpdatedControl ControlID="RadGrid2" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="CheckBox3">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="CheckBox4">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGrid2" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

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

<br />

<h3 class="qsfSubtitle">

Grid with ClientSideSelectColumn</h3>

<telerik:RadGrid ID="RadGrid2" AllowMultiRowSelection="true"

runat="server" AllowSorting="True" GridLines="None">

<MasterTableView>

<Columns>

<telerik:GridClientSelectColumn UniqueName="ClientSelectColumn" />

</Columns>

</MasterTableView>

<ClientSettings EnableRowHoverStyle="true">

<Selecting AllowRowSelect="True" />

</ClientSettings>

</telerik:RadGrid>

<br />

<asp:Button CssClass="button" Text="PostBack" runat="server" ID="Button1" Style="margin: 10px 22px 10px 0px">

</asp:Button>

Click PostBack to see the state of the grids is preserved.

</div>

</form>

</body>

</html>

Order2.aspx.cs

using System;

using System.Collections;

using System.Configuration;

using System.Data;

using System.Linq;

using System.Web;

using System.Web.Security;

using System.Web.UI;

using System.Web.UI.HtmlControls;

using System.Web.UI.WebControls;

using System.Web.UI.WebControls.WebParts;

using System.Xml.Linq;

namespace Test

{

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

{

protected void Page_Load(object sender, System.EventArgs e)

{

if (!this.IsPostBack)

{

DataTable dt = this.CreateDataTable();

this.AddRowsToDataTable(dt);

this.RadGrid2.DataSource = dt;

this.RadGrid2.DataBind();

}

protected DataTable CreateDataTable()

{

DataTable dt = new DataTable();

DataColumn dc;

dc = new DataColumn("Column 1");

dt.Columns.Add(dc);

dc = new DataColumn("Column 2");

dt.Columns.Add(dc);

dc = new DataColumn("Column 3");

dt.Columns.Add(dc);

dc = new DataColumn("Column 4");

dt.Columns.Add(dc);

dc = new DataColumn("Column 5");

dt.Columns.Add(dc);

return dt;

}

protected void AddRowsToDataTable(DataTable dt)

{

for (int i = 0; i < 5; i++)

{

DataRow dr = dt.NewRow();

dr[0] = i.ToString();

dr[1] = (i * 2).ToString();

dr[2] = (i * 3).ToString();

dr[3] = (i * 4).ToString();

dr[4] = (i * 5).ToString();

dt.Rows.Add(dr);

}

Order2.aspx.designer.cs

//------------------------------------------------------------------------------

// <auto-generated>

// This code was generated by a tool.

// Runtime Version:2.0.50727.3623

//

// Changes to this file may cause incorrect behavior and will be lost if

// the code is regenerated.

// </auto-generated>

//------------------------------------------------------------------------------

namespace Test {

public partial class Order2 {

/// <summary>

/// form1 control.

/// </summary>

/// <remarks>

/// Auto-generated field.

/// To modify move field declaration from designer file to code-behind file.

/// </remarks>

protected global::System.Web.UI.HtmlControls.HtmlForm form1;

/// <summary>

/// RadScriptManager1 control.

/// </summary>

/// <remarks>

/// Auto-generated field.

/// To modify move field declaration from designer file to code-behind file.

/// </remarks>

protected global::Telerik.Web.UI.RadScriptManager RadScriptManager1;

/// <summary>

/// RadAjaxManager1 control.

/// </summary>

/// <remarks>

/// Auto-generated field.

/// To modify move field declaration from designer file to code-behind file.

/// </remarks>

protected global::Telerik.Web.UI.RadAjaxManager RadAjaxManager1;

/// <summary>

/// RadAjaxLoadingPanel1 control.

/// </summary>

/// <remarks>

/// Auto-generated field.

/// To modify move field declaration from designer file to code-behind file.

/// </remarks>

protected global::Telerik.Web.UI.RadAjaxLoadingPanel RadAjaxLoadingPanel1;

/// <summary>

/// RadGrid2 control.

/// </summary>

/// <remarks>

/// Auto-generated field.

/// To modify move field declaration from designer file to code-behind file.

/// </remarks>

protected global::Telerik.Web.UI.RadGrid RadGrid2;

/// <summary>

/// Button1 control.

/// </summary>

/// <remarks>

/// Auto-generated field.

/// To modify move field declaration from designer file to code-behind file.

/// </remarks>

protected global::System.Web.UI.WebControls.Button Button1;

}

Grid

answered on 15 Aug 2011

4 answers

129 views

ClienntValueChanged RadSlider in RadGrid

Hi,

Can I get the DataKey of my RadGrid in ClientValueChanged Event of RadSlider ?

My Slider is in Template Column.

Thank for your help.

Regards.

Slider

answered on 15 Aug 2011

2 answers

122 views

Object of type 'Telerik.Web.UI.HourlyRecurrenceRule' cannot be converted to type 'Telerik.Web.UI.RecurrenceRule'.

Has anyone seen this error before?
Why would I be seeing a recurrence rule conversion error on a staging environment where I don't on my local development environment?
This shouldn't happen because a specific recurrence is still a recurrence.

The error looks like this followed by a stack trace. I hope someone might be able to spot something and offer some help.
This is happening for all recurrence types... hmmmmmmmmmmmmm.

    
            System.ArgumentException: Object of type 'Telerik.Web.UI.HourlyRecurrenceRule' cannot be converted to type 'Telerik.Web.UI.RecurrenceRule'.    
        
            at System.RuntimeType.CheckValue(Object value, Binder binder, CultureInfo culture, BindingFlags invokeAttr)    
        
            at System.Reflection.RtFieldInfo.InternalSetValue(Object obj, Object value, BindingFlags invokeAttr, Binder binder, CultureInfo culture, Boolean doVisibilityCheck, Boolean doCheckConsistency)    
        
            at System.Reflection.RtFieldInfo.InternalSetValue(Object obj, Object value, BindingFlags invokeAttr, Binder binder, CultureInfo culture, Boolean doVisibilityCheck)    
        
            at System.Runtime.Serialization.FormatterServices.SerializationSetValue(MemberInfo fi, Object target, Object value)    
        
            at System.Runtime.Serialization.ObjectManager.CompleteObject(ObjectHolder holder, Boolean bObjectFullyComplete)    
        
            at System.Runtime.Serialization.ObjectManager.DoNewlyRegisteredObjectFixups(ObjectHolder holder)    
        
            at System.Runtime.Serialization.ObjectManager.FixupSpecialObject(ObjectHolder holder)    
        
            at System.Runtime.Serialization.ObjectManager.DoFixups()    
        
            at System.Runtime.Serialization.Formatters.Binary.ObjectReader.Deserialize(HeaderHandler handler, __BinaryParser serParser, Boolean fCheck, Boolean isCrossAppDomain, IMethodCallMessage methodCallMessage)    
        
            at System.Runtime.Serialization.Formatters.Binary.BinaryFormatter.Deserialize(Stream serializationStream, HeaderHandler handler, Boolean fCheck, Boolean isCrossAppDomain, IMethodCallMessage methodCallMessage)    
        
            at System.EnterpriseServices.ComponentSerializer.UnmarshalFromBuffer(Byte[] b, Object tp)    
        
            at System.EnterpriseServices.ComponentServices.ConvertToMessage(String s, Object tp)    
        
            at System.EnterpriseServices.ServicedComponent.RemoteDispatchHelper(String s, Boolean& failed)    
        
            at System.EnterpriseServices.ServicedComponent.System.EnterpriseServices.IRemoteDispatch.RemoteDispatchAutoDone(String s)    
        
            at System.EnterpriseServices.IRemoteDispatch.RemoteDispatchAutoDone(String s)   at System.EnterpriseServices.RemoteServicedComponentProxy.Invoke(IMessage reqMsg)    
        
            at System.Runtime.Remoting.Proxies.RealProxy.PrivateInvoke(MessageData& msgData, Int32 type)    
        
            at Application.ControlScheduler.ControlScheduleFacade.UpdateControlSchedule(ControlSchedule schedule, String userName)    
        
            at Web.Control.ScheduleProvider.Update(RadScheduler owner, Appointment appointmentToUpdate)    
        
            at Telerik.Web.UI.Scheduling.AppointmentController.UpdateAppointmentThroughProvider(Appointment appointmentToUpdate)    
        
            at Telerik.Web.UI.Scheduling.AppointmentController.UpdateAppointment(Appointment originalAppointment, Appointment modifiedAppointment)    
        
            at Telerik.Web.UI.WebServiceAppointmentController.UpdateAppointment[T](ISchedulerInfo schedulerInfo, T appointmentData)    
        
            at Telerik.Web.UI.WebServiceAppointmentController.UpdateAppointment(ISchedulerInfo schedulerInfo, AppointmentData appointmentData)    
        
            at Web.Control.SchedulerWebService.UpdateAppointment(SchedulerInfo schedulerInfo, AppointmentData appointmentData)

Scheduler

answered on 15 Aug 2011

2 answers

120 views

Need GridHyperLinkColumn to Trigger Wait Graphic in RadAjaxLoadingPanel

I have a RadGrid with a GridHyperLinkColumn. When clicked, it calls a javascript function that takes several seconds to run. I have a RadAjaxLoadingPanel set to run the wait graphic against the Grid, which works for other things on the Grid when a postback occurs. The GridHyperLinkColumn is as follows...

<telerik:GridHyperLinkColumn HeaderText="" UniqueName="View" DataTextField="CheckType" DataTextFormatString="View"

DataNavigateUrlFields="CheckNumber,CheckType"

DataNavigateUrlFormatString="javascript:ViewCheck({0},'{1}')">

<HeaderStyle Width="100px" />

<ItemStyle HorizontalAlign="Right"/>

</telerik:GridHyperLinkColumn>

The javascript function "ViewCheck" works (accepting the grid row's fields and calling a WebMethod in VB code-behind). But because there's no postback, the wait graphic never shows. How can I get the wait graphic to appear over the Grid in this scenario?

Grid

answered on 15 Aug 2011

4 answers

58 views

How to properly inform DockZones of new Docks on the page?

Hi Telerik,

This problem might be extremely complicated, or maybe it's extremely trivial and I am overthinking my issues. I've attached a very brief image showing what's happening.

Here's what I've got:

//When the user drops a RadListBoxItem onto the dashboard we have to figure out

//what RadDockZone the control was dropped onto, rip out information about the event,

//and then pass that data to the server for processing.

function OnClientDropping(sender, eventArgs) {

eventArgs.set_cancel(true);

sender.clearSelection();

previousZone = null;

var sourceItem = eventArgs.get_sourceItem();

var droppedID = eventArgs.get_htmlElement().id;

if (droppedID.indexOf("RadDockZone") != -1) {

var dockZoneDroppedOn = $find(droppedID);

if (dockZoneDroppedOn.get_docks().length == 0) {

dockZoneDroppedOnID = droppedID;

var eventData = {};

eventData["sourceItemText"] = sourceItem.get_text();

eventData["sourceItemValue"] = sourceItem.get_value();

eventData["listBoxID"] = sender.get_id();

if (queue.length == 0) {

queue.push(dockZoneDroppedOn._uniqueID);

queue.push(eventData);

__doPostBack(dockZoneDroppedOn._uniqueID, $.toJSON(eventData));

}

else {

queue.push(dockZoneDroppedOn._uniqueID);

queue.push(eventData);

}

else {

dockZoneDroppedOnID = "";

}

There's a RadListBox on the page which has drag-and-drop enabled. The user drag-and-drops a RadListBoxItem onto the page (their mouse is over a RadDockZone). At this point, I call doPostBack targeting that RadDockZone and create a RadDock on this RadDockZone. Afterwards, I synch all RadDock's ForbiddenZones.

So, there's already one Dock (RadDock1) on a DockZone on the page. The user then drag-and-drops a second time. After this RadDock (RadDock2) is created, and the page is rendered to the user, since RadDock1's DockZone has not been told to update it does not reflect its ForbiddenZones properly.

<cs:CormantRadPane ID="RadPane2" Runat="Server" BackColor="White" >

<nStuff:StyledUpdatePanel Runat="Server" ID="UpdatePanel1" UpdateMode="Conditional" CssClass="maxHeight" >

<ContentTemplate>

<cs:CormantRadSplitter ID="RadSplitter3" Runat="Server" Visible="false" />

<cs:CormantRadDockZone ID="RadDockZone1" Runat="Server" />

</ContentTemplate>

</nStuff:StyledUpdatePanel>

</cs:CormantRadPane>

I've have the above hierarchy of controls on the page. As you can see, when a RadDockZone gains a control, its UpdatePanel handles a partial page-refresh. In this way I handle updating only parts of my page.

So, I am left with this issue. I am trying to keep the amount of work happening on the page to a minimum, but it seems like I have to call update on every DockZone during these scenarios.. which is terrible. Flickering occurs on all the RadDocks.

/// <summary>

/// Shows where docks can/can't be moved. Forbidden zones are all DockZone's with Docks.

/// So, a dock can move to any other dockZone that does not have a control. Those are the allowed zones.

/// Its own spot is allowed so that the highlighting looks correct -- but it is not necessary.

/// </summary>

public void SynchForbiddenZones()

{

IEnumerable<CormantRadDockZone> dockZonesWithDocks = LayoutManager.Instance.RegisteredDockZones.Where(dockZone => dockZone.Docks.Any());

ForbiddenZones = dockZonesWithDocks.Select(dockZone => dockZone.ID).ToArray();

Logger.DebugFormat("Forbidden zones for dock: {0} are {1}", ID, ForbiddenZones);

}

public void SyncAndUpdate()

{

SynchForbiddenZones();

GetWrappingUpdatePanel().Update();

}

I call SyncAndUpdate on every dock on the page during the follow scenarios:

RadDock gets created.
RadDock position changes.
RadDock gets closed.

All of these have an effect on the 'dockability' of the dock's DockZone. I would like to inform all other DockZones of this change in 'dockability' without flashing the controls.

Is this possible? Is this a place where I should consider using RadXMLHTTPPanel? Do I have other options?

Thanks.

Ajax

answered on 15 Aug 2011

2 answers

87 views

Latest CSS changes caused the mess

Hi,

you've made some changes in CSS during last versions of Telerik components.

Please, take a look at following style I had in my grid (ca stands for horizontal center alignment)

<telerik:GridBoundColumn HeaderStyle-CssClass='GridHeaderGreen ca' ItemStyle-CssClass='ca' DataField="Description" HeaderText="Description" SortExpression="WIZARD.FORM.DESCRIPTION"/>

and now - how it looks in markup:

<th class="GridHeaderGreen ca rgHeader" scope="col"><a href="javascript:__doPostBack('ctl00$cphMain$wizardClientFormView$rgClientFormView$ctl00$ctl02$ctl02$ctl01','')" title="Click here to sort">Description</a></th>

- my alignment is ignored!

As you can see, you now add your classes after all user-defined classes. As a result, all user-class css properties, that exist in your classes, too, are overridden - alignment, text weight, etc.! What for do you do this?

How to solve this problem? I have tons of controls with such markup!

Grid

answered on 15 Aug 2011

4 answers

120 views

Aggregate don't work anymore (Q2 2010->.NET4)

Hi,

We migrate all application to .NET4 C# and Telerik Q2 2010.
In a overview we use in the grid Aggregate="Sum"
With the old version of telerik Q3 2009 work this perfect.
Now with the new version I have the followin error:

MESSAGE:

Exception has been thrown by the target of an invocation.

STACKTRACE:

at System.RuntimeMethodHandle._InvokeMethodFast(IRuntimeMethodInfo method, Object target, Object[] arguments, SignatureStruct& sig, MethodAttributes methodAttributes, RuntimeType typeOwner)

at System.RuntimeMethodHandle.InvokeMethodFast(IRuntimeMethodInfo method, Object target, Object[] arguments, Signature sig, MethodAttributes methodAttributes, RuntimeType typeOwner)

at System.Reflection.RuntimeMethodInfo.Invoke(Object obj, BindingFlags invokeAttr, Binder binder, Object[] parameters, CultureInfo culture, Boolean skipVisibilityChecks)

at System.Reflection.RuntimeMethodInfo.Invoke(Object obj, BindingFlags invokeAttr, Binder binder, Object[] parameters, CultureInfo culture)

at Telerik.Web.UI.GridBoundColumn.GetAggregate(IEnumerable enumerable, IQueryable queryable, String fieldName, Type dataType, GridAggregateFunction func)

at Telerik.Web.UI.GridBoundColumn.ApplyAggregates35(TableCell cell, String footerText)

at Telerik.Web.UI.GridBoundColumn.cell_DataBinding(Object sender, EventArgs e)

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

at System.Web.UI.Control.DataBind(Boolean raiseOnDataBinding)

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

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

at System.Web.UI.Control.DataBind(Boolean raiseOnDataBinding)

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

at Telerik.Web.UI.GridItem.SetupItem(Boolean dataBind, Object dataItem, GridColumn[] columns, ControlCollection rows)

at Telerik.Web.UI.GridTableView.CreateFooterItem(Boolean useDataSource, GridColumn[] copiedColumnSet, GridTFoot tfoot)

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.Rebind()

at Adver.Vis.Pages.Reports.BackofficePublish.BtnFilter_OnClick(Object sender, EventArgs e) in C:\_vsp\XXXX.aspx.cs:line 48

at System.Web.UI.WebControls.Button.OnClick(EventArgs e)

at System.Web.UI.WebControls.Button.RaisePostBackEvent(String eventArgument)

at System.Web.UI.WebControls.Button.System.Web.UI.IPostBackEventHandler.RaisePostBackEvent(String eventArgument)

at System.Web.UI.Page.RaisePostBackEvent(IPostBackEventHandler sourceControl, String eventArgument)

at System.Web.UI.Page.RaisePostBackEvent(NameValueCollection postData)

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

Code of grid:

<telerik:RadGrid ID="RadGrid1"

AllowSorting="True"

AllowPaging="false"

runat="server"

GridLines="None"

Width="100%"

OnExcelMLExportStylesCreated="RadGrid1_ExcelMLExportStylesCreated"

OnExcelMLExportRowCreated="RadGrid1_ExcelMLExportRowCreated"

OnItemCommand="RadGrid1_ItemCommand"

OnItemDataBound="RadGrid_OnItemDataBound"

AutoGenerateColumns="false" OnNeedDataSource="RadGrid_OnNeedDataSource" ShowFooter="true">

<ClientSettings EnableRowHoverStyle="true" />

<MasterTableView Width="100%" CommandItemDisplay="Top" OverrideDataSourceControlSorting="true" UseAllDataFields="true">

<PagerStyle Mode="NextPrevNumericAndAdvanced" />

<CommandItemSettings

ShowExportToWordButton="true"

ShowExportToExcelButton="true"

ShowExportToCsvButton="true"

ShowExportToPdfButton="true" AddNewRecordImageUrl="../../Img/spacer.gif" AddNewRecordText=""/>

<Columns>

<telerik:GridTemplateColumn HeaderText="Medewerkers">

<ItemTemplate>

<asp:Label ID="lbl_FirstName" runat="server"><%# Eval("User.FirstName")%></asp:Label>

<asp:Label ID="lbl_Lastname" runat="server"><%# Eval("User.LastName")%></asp:Label>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn UniqueName="ClPublishVac" HeaderText="Text" DataField="TotalPublish" Aggregate="Sum" FooterAggregateFormatString="Totaal :{0}">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="ClUpdateVac" HeaderText="Text" DataField="TotalUpdate" Aggregate="Sum" FooterAggregateFormatString="Totaal :{0}">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="CLRefreshVac" HeaderText="Text" DataField="TotalRefresh" Aggregate="Sum" FooterAggregateFormatString="Totaal :{0}">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="ClDeleteVac" HeaderText="Text" DataField="TotalDelete" Aggregate="Sum" FooterAggregateFormatString="Totaal :{0}">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="ClTotal" HeaderText="Totaal" DataField="Total" Aggregate="Sum" FooterAggregateFormatString="Totaal :{0}">

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

Without the "Aggregate" work the gris perfect.
Any idee about this problem.

In advance thanks for your answer.

Regards,

Edwin.

Grid

answered on 15 Aug 2011

1 answer

172 views

Images are not displayed properly when the item flow is set to Horizontal in Radmenu

Here is my requirement.

We have to display the radmenu items horizontally, having status icons (images) displayed before the menu item text.
but radmenu's behaviour is vice versa. Please refer to attached screen shot. Here is the code.

Can you please help me how to achieve the requirement ?
Awaiting your earliest response.................

protected void Page_Load(object sender, EventArgs e)

{

RadMenuItem top1 = new RadMenuItem();

top1.GroupSettings.Flow = ItemFlow.Horizontal;

top1.Text = "Top 1";

top1.ImageUrl = "~/Images/NotStarted.png";

RadMenuItem child1 = new RadMenuItem();

child1.Text = "Child 1";

child1.ImageUrl = "~/Images/Completed.png";

RadMenuItem child2 = new RadMenuItem();

child2.Text = "Child 2";

child2.ImageUrl = "~/Images/Failed.png";

top1.Items.Add(child1);

top1.Items.Add(child2);

RadMenuItem top2 = new RadMenuItem();

top2.GroupSettings.Flow = ItemFlow.Horizontal;

top2.Text = "Top 2";

top2.ImageUrl = "~/Images/Unknown.png";

RadMenuItem child3 = new RadMenuItem();

child3.Text = "Child 3";

child3.ImageUrl = "~/Images/Completed.png";

RadMenuItem child4 = new RadMenuItem();

child4.Text = "Child 4";

child4.ImageUrl = "~/Images/Failed.png";

RadMenuItem child5 = new RadMenuItem();

child5.Text = "Child 5";

child5.ImageUrl = "~/Images/NotStarted.png";

top2.Items.Add(child3);

top2.Items.Add(child4);

top2.Items.Add(child5);

WorkFlowMenu.Items.Add(top1);

WorkFlowMenu.Items.Add(top2);

}

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

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

</telerik:RadScriptManager>

<telerik:RadMenu ID="WorkFlowMenu" runat="server" >

</telerik:RadMenu>

</form>

Menu

answered on 15 Aug 2011

2 answers

55 views

Images are displayed after the text when the flow is set to Horizontal.

Hi,

I have a radmenu which has top level menu items. Each toplevel menu item has submenu items in it and those submenu items have to be displayed horizontally and each item has an image associated with it.
But when we set the item flow as horizontal, Image is displayed after the text.
Image has to be displayed before the text just like as in Vertical flow.

Can you help how to achieve this ?

<%@ 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.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="RadScriptManager1" runat="server">

</telerik:RadScriptManager>

<telerik:RadMenu ID="WorkFlowMenu" runat="server" >

</telerik:RadMenu>

<div>

</div>

</form>

</body>

</html>

protected void Page_Load(object sender, EventArgs e)

{

RadMenuItem top1 = new RadMenuItem();

top1.Text = "Top 1";

top1.ImageUrl = "~/Images/NotStarted.png";

RadMenuItem child1 = new RadMenuItem();

child1.Text = "Child 1";

child1.ImageUrl = "~/Images/Completed.png";

RadMenuItem child2 = new RadMenuItem();

child2.Text = "Child 2";

child2.ImageUrl = "~/Images/Failed.png";

top1.Items.Add(child1);

top1.Items.Add(child2);

top1.GroupSettings.Flow = ItemFlow.Horizontal;

WorkFlowMenu.Items.Add(top1);

}

Menu

answered on 15 Aug 2011