Questions on UI for ASP.NET AJAX Forum

2 answers

73 views

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

104 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

160 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

48 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

4 answers

102 views

RadChart StackBar

Hello,

I am attempting to create a Stacked Bar Chart and have so far been unsuccessful. I've attached an image to show you where I'm at and wrote in what I am looking for.. What I really need is the codes (ALAM and DOKE) to be along the X-Axis where currently there is 1 and 2. I also need to show 2 levels of counts for each code, which I kind of have working. I need a count for items that are older than 8 days and a count for items that are 8 items that are 8 and younger. I get the stacked look by creating 2 series, but I can't seem to split out each code by itself.
Thanks

Here is my code. I use an existing data table then manipulate with linq.
----------------------------------------------------------------------------------------------------------------------------------------------------

private void PopulateChart(DataTable dt)

{

// pull fields I need an calculate the shift age.

var query1 = from data in dt.AsEnumerable()

where data.Field<string>("Facility_Code").ToString().Trim() == "DOKE"

|| data.Field<

string>("Facility_Code").ToString().Trim() == "ALAM"

select new

{

FacilityCode = data.Field<

string>("Facility_Code").ToString()

,ShiftAge = data.Field<

DateTime>("Shift_Date") - DateTime.Now

};

// build 0-7 day chart series

TimeSpan ts = new TimeSpan(8, 0, 0, 0); // time span 8 days

// get all my shifts less than 8 days.

var query2 = from row in query1

where row.ShiftAge < ts

group row by row.FacilityCode into grp

orderby grp.Key

select new

{

FacilityCode = grp.Key,

Shifts = grp.Count()

};

// get all my shifts greater or equal to 8 days

var query3 = from row in query1

where row.ShiftAge >= ts

group row by row.FacilityCode into grp

orderby grp.Key

select new

{

FacilityCode = grp.Key,

Shifts = grp.Count()

};

Telerik.Charting.

ChartSeries csUnderEight = new Telerik.Charting.ChartSeries();

csUnderEight.Type = Telerik.Charting.

ChartSeriesType.StackedBar;

csUnderEight.Name =

"Open shifts within 0-7 days.";

csUnderEight.DataLabelsColumn =

"FacilityCode";

csUnderEight.Appearance.LabelAppearance.LabelLocation = Telerik.Charting.Styles.

StyleSeriesItemLabel.ItemLabelLocation.Outside;

Telerik.Charting.

ChartSeries csEightAndOver = new Telerik.Charting.ChartSeries();

csEightAndOver.Type = Telerik.Charting.

ChartSeriesType.StackedBar;

csEightAndOver.Name =

"Open shifts within 8-14 days.";

csEightAndOver.DataLabelsColumn =

"FacilityCode";

csEightAndOver.Appearance.LabelAppearance.LabelLocation = Telerik.Charting.Styles.

StyleSeriesItemLabel.ItemLabelLocation.Outside;

// csEightAndOver.DataLabelsColumn = "FacilityCode";

this.chartOpenShifts.Series.Add(csUnderEight);

this.chartOpenShifts.Series.Add(csEightAndOver);

foreach (var item in query2)

{

csUnderEight.AddItem(item.Shifts,item.FacilityCode);

}

foreach (var item in query3)

{

csEightAndOver.AddItem(item.Shifts,item.FacilityCode);

}

this.chartOpenShifts.DataGroupColumn = "FacilityCode";

//this.chartOpenShifts.PlotArea.XAxis.DataLabelsColumn = "FacilityCode";

//this.chartOpenShifts.PlotArea.DataTable.Visible = true;

//this.chartOpenShifts.DataSource =query;

//this.chartOpenShifts.Series

//this.chartOpenShifts.PlotArea.XAxis.DataLabelsColumn = "Facility_Code";

//this.chartOpenShifts.DataBind();

}

Chart (Obsolete)

answered on 15 Aug 2011

5 answers

125 views

Dock Control Command in titlebar

Hi ,
I am using the dock control and the command button for exapnad and collapse seems to disappear on hover. Also, the default bullet appears along side with the expand and collapse image. I have properly referenced the skin files and css. I would also like to use the custom command in the title bar template in order to make use of rss feed, so people can subscribe to it.
Could you please help?
Thanks,

Dock

answered on 15 Aug 2011

1 answer

63 views

Rad schedular

i am using radschedular. when i am right click on control it is throwing script error that object does not support this propery or method. i am not allowing user to edit, create appointments. please reply as soon as possible.

If i am making allowinsert=false. then this error is coming.

Scheduler

answered on 15 Aug 2011

1 answer

192 views

Setting of time duration, starttime, endtime

Hi,

I use RadScheduler in my Project. For me the scheduleviewtype, starttime, endtime, and the time interval data comes from another screen. How to set starttime, endtime for scheduler, and how to set duration of hrs in the scheduler like 15min, 30min, 60min.

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

<div style="width: 810px; background: transparent url('Images/background.png') no-repeat 0 0;

padding-left: 20px;">

<telerik:RadScheduler runat="server" ID="RadScheduler1" Skin="Web20" CustomAttributeNames=

"DisplayStartTime,EventRecurrenceId, EventColor, DisplayEndTime, StartDate,EndDate,DisplayPermitName,DisplayFacilityVisibility,DisplayClientVisibility,DisplayResourceVisibility,Id,DisplayPermitVisibility,DisplayFacilityname,DisplayResourceName,DisplayClientName"

DataStartField="StartDate" EnableDatePicker="true" GroupingDirection="Horizontal"

EnableEmbeddedSkins="true" DataDescriptionField="EventColor" MonthView-GroupingDirection="Horizontal"

DataEndField="EndDate" ShowFullTime="true" DataKeyField="Id" DataRecurrenceParentKeyField="EventRecurrenceId"

DataRecurrenceField="EventRecurrenceId" FirstDayOfWeek="Sunday" LastDayOfWeek="Saturday"

DataSubjectField="DisplayPermitName" AllowDelete="false" AllowEdit="false" TimelineView-NumberOfSlots="7"

AllowInsert="false" OnAppointmentDataBound="RadScheduler1_AppointmentDataBound">

<advancedform modal="true" />

<%--daystarttime="08:00:00" dayendtime="23:00:00"--%>

<appointmenttemplate>

<div>

<table>

<tr>

<td id="divColorChange" runat="server" width="0.5%">

<div>

</div>

</td>

<td>

<%--CustomAttributeNames="StartTime,EndTime,SessionDate,DisplayPermitName,StartDate,DisplayClientVisibility,DisplayResourceVisibility,DisplayFacilityVisibility,EndDate,ID,DisplayPermitVisibility,DisplayFacilityName,DisplayResourceName,DisplayClientName,Event_ID,DisplayRoomNumber"--%>

<div class="AlignCenter">

<%--Permit Name--%>

<asp:Image ID="imageRecurrenceIcon" runat="server" ImageUrl="~/Images/Icon_Info.gif" />

<asp:LinkButton runat="server" ID="lblDisplayPermitName" OnClick="RedirectToEventMaintenance"

Style="font-weight: bold; color: Black; word-wrap: break-word; font-size: 12px;"

Visible='<%# Convert.ToBoolean(Eval("DisplayPermitVisibility")) %>' CommandArgument='<%# Eval("Id") + "~" + Eval("StartDate")%>'>

<%# Eval("DisplayPermitName")%>

</asp:LinkButton>

<asp:Label ID="labelPermitName" Style="font-weight: normal; color: Black; word-wrap: break-word;

font-size: 10px;" runat="server" Text='<%# Eval("DisplayPermitName")%>' CssClass="FontBold"></asp:Label>

<br />

<%--Start Time--%>

<%--End Time--%>

<asp:Label runat="server" ID="lblStartTime" Style="font-weight: normal; word-wrap: break-word;

color: Black; font-size: 10px; text-align: left; float: left;">

<%# Eval("DisplayStartTime")%></asp:Label>

-

<asp:Label runat="server" ID="lblEndTime" Style="font-weight: normal; word-wrap: break-word;

color: Black; font-size: 10px; text-align: left; float: left;">

<%# Eval("DisplayEndTime")%></asp:Label>

<br />

<%--Client Name--%>

<asp:Label runat="server" ID="lblDisplayClientTypeName" Style="font-weight: normal;

word-wrap: break-word; color: Black; font-size: 10px; width: 95px; text-align: left;

float: left;" Visible='<%# Convert.ToBoolean(Eval("DisplayClientVisibility")) %>'>

<%# Eval("DisplayClientName")%>

</asp:Label><br />

<%--Text="<left>Client :</left>"--%>

<%--Facility Name--%>

<asp:Label runat="server" ID="lblDisplayFacilityName" Style="font-weight: normal;

color: Black; font-size: 10px; word-wrap: break-word; width: 95px; float: left;

float: left; text-align: left; float: left;" Visible='<%# Convert.ToBoolean(Eval("DisplayFacilityVisibility")) %>'>

<%# Eval("DisplayFacilityname")%>

</asp:Label><%--Text="<left>Facility :</left>"--%>

<br />

<%--Resource Name--%>

<asp:Label runat="server" ID="lblDisplayResourceName" Style="font-weight: normal;

color: Black; font-size: 10px; word-wrap: break-word; width: 95px; text-align: left;

float: left;" Visible='<%# Convert.ToBoolean(Eval("DisplayResourceVisibility")) %>'>

<%# Eval("DisplayResourceName")%>

</asp:Label><br />

<%--Text="<left>Resource :</left>" --%>

<%--Resource Name--%>

<asp:Label runat="server" ID="Label2" Style="font-weight: normal; width: 95px; color: Black;

font-size: 10px; text-align: left; word-wrap: break-word; float: left;"><%-- Text="<left>Room :</left>"--%>

<%# Eval("DisplayResourceName")%>

</asp:Label><br />

<br />

<asp:LinkButton ID="linkButtonMore" Style="font-weight: bold; width: 95px; color: Black;

font-size: 10px;" runat="server" Text="More"></asp:LinkButton>

</div>

</td>

</tr>

</table>

</div>

</appointmenttemplate>

</telerik:RadScheduler>

</div>

<telerik:RadToolTipManager runat="server" ID="RadToolTipManager1" Width="420" Height="300"

ToolTipZoneID="RadScheduler1" Animation="Resize" HideEvent="LeaveToolTip" Text="Loading..."

RelativeTo="Mouse" OnAjaxUpdate="RadToolTipManager1_AjaxUpdate" OnClientBeforeShow="clientBeforeShow">

</telerik:RadToolTipManager>

</div>

Please guide me.

Thanks,
Hema L.

Scheduler

answered on 15 Aug 2011

1 answer

47 views

Item Created event not firing..Version error.

Hello,

I had telerik dll version 2011.1.519.40.I used radlistview control for displaying controls in template on my asp.net page.Whenever I give blank datatable as datasource to listview it goes to Item_created event and shows blank controls.That is good and desired...

But now I updated telerik dll version to 2011.2.712.40 not I am not getting item_Created event fired at the time of empty datatable given as datasource , so no controls are visible on the page from insert template.

Please guide me in this ASAP.

Thanks,

ListView

answered on 15 Aug 2011

1 answer

176 views

Changlng visiblity on controls within RadPanelBar

I am trying to hide/unhide an asp:Panel contained with a RadPanelBar. It works the initial page display (Page.Load) but when I try to change the visiblity of the asp:Panel once the screen is displayed nothing happens.

<telerik:RadPanelBar ID="pnlBar" EnableEmbeddedSkins="False" Skin="Panel_AssetDetails"

runat="server" AllowCollapseAllItems="false" ExpandMode="MultipleExpandedItems"

Width="516px">

<Items>

<telerik:RadPanelItem runat="server" Text="Asset Details" Expanded="true">

<Items>

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

<ItemTemplate>

<table border="0">

<tr>

<td>

<b>File Size</b>