Questions on UI for ASP.NET AJAX Forum

5 answers

184 views

Hi

I have a chart with horizonal x-axis, with the y axis displayed on top like so (see the attached image)

how can i reverse the xaxis values so it displays 1, 2, 3... 10 starting from top to bottom rather than bottom up?

Here is my code:

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Default.aspx.vb" Inherits="RadChartMinMaxValue._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">

</form>

<telerik:RadChart ID="RadChart1" runat="server"

Height="100px"

Width="250px"

ChartTitle-Visible="false"

Legend-Visible="false"

SeriesOrientation="Horizontal" BorderWidth="0px" >

</telerik:RadChart>

</body>

</html

Imports System.Drawing

Imports Telerik.Charting

Partial Public Class _Default

Inherits System.Web.UI.Page

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

Dim lstGammaDetails As New List(Of GammaDetail)

lstGammaDetails = GetGammaDetails()

RadChart1.Series.Clear()

'Chart appearance

RadChart1.Height = Unit.Pixel(300)

RadChart1.PlotArea.Appearance.FillStyle.FillType = Telerik.Charting.Styles.FillType.Solid

RadChart1.PlotArea.Appearance.FillStyle.MainColor = Color.White

RadChart1.PlotArea.Appearance.Dimensions.Margins.Top = New Telerik.Charting.Styles.Unit(28)

RadChart1.PlotArea.Appearance.Dimensions.Margins.Left = New Telerik.Charting.Styles.Unit(40)

RadChart1.PlotArea.Appearance.Dimensions.Margins.Right = New Telerik.Charting.Styles.Unit(8)

RadChart1.PlotArea.Appearance.Dimensions.Margins.Bottom = New Telerik.Charting.Styles.Unit(10)

RadChart1.IntelligentLabelsEnabled = False

RadChart1.PlotArea.XAxis.Visible = Styles.ChartAxisVisibility.True

'X Axis

'RadChart1.PlotArea.XAxis.DataLabelsColumn = "Depth"

RadChart1.PlotArea.XAxis.AutoScale = False

RadChart1.PlotArea.XAxis.LayoutMode = Styles.ChartAxisLayoutMode.Normal

'Min and Max values

RadChart1.PlotArea.XAxis.MinValue = 1

RadChart1.PlotArea.XAxis.MaxValue = 10

RadChart1.PlotArea.XAxis.Step = 1

'RadChart1.PlotArea.XAxis.AddRange(1, 120, 1)

'Y Axis2

RadChart1.PlotArea.YAxis2.Appearance.MajorGridLines.Visible = True

RadChart1.PlotArea.YAxis2.Appearance.MajorGridLines.Color = Color.Gray

RadChart1.PlotArea.YAxis2.AxisLabel.TextBlock.Appearance.TextProperties.Color = Color.Black

RadChart1.PlotArea.YAxis2.Appearance.TextAppearance.TextProperties.Color = Color.Black

'Line series

Dim chartSeries As New ChartSeries

chartSeries.Appearance.LabelAppearance.Visible = False

chartSeries.Name = "GAMMA"

chartSeries.Type = ChartSeriesType.Line

chartSeries.Appearance.LineSeriesAppearance.Color = System.Drawing.Color.LightBlue

chartSeries.DataYColumn = "Value"

chartSeries.YAxisType = ChartYAxisType.Secondary

RadChart1.Series.Add(chartSeries)

RadChart1.DataSource = lstGammaDetails

RadChart1.DataBind()

End Sub

Private Function GetGammaDetails()

Dim lstGD As New List(Of GammaDetail)

Dim gd1 = New GammaDetail()

gd1.Depth = 1

gd1.Value = 100

lstGD.Add(gd1)

Dim gd2 = New GammaDetail()

gd2.Depth = 2

gd2.Value = 200

lstGD.Add(gd2)

Dim gd3 = New GammaDetail()

gd3.Depth = 3

gd3.Value = 200

lstGD.Add(gd3)

Dim gd4 = New GammaDetail()

gd4.Depth = 4

gd4.Value = 250

lstGD.Add(gd4)

Dim gd5 = New GammaDetail()

gd5.Depth = 5

gd5.Value = 50

lstGD.Add(gd5)

Dim gd6 = New GammaDetail()

gd6.Depth = 6

gd6.Value = 50

lstGD.Add(gd6)

Return lstGD

End Function

End Class

Public Class GammaDetail

Private _depth As Decimal

Public Property Depth() As Decimal

Get

Return _depth

End Get

Set(ByVal value As Decimal)

_depth = value

End Set

End Property

Private _value As Decimal

Public Property Value() As Decimal

Get

Return _value

End Get

Set(ByVal value As Decimal)

_value = value

End Set

End Property

End Class

Cheers

Richard.

Chart (Obsolete)

answered on 09 Jun 2011

1 answer

76 views

Catch graph Double click event

Hi
I am trying to create a drill down chart, but I need it to drill down when double clicked.
How can I do this ?

- Guru

Chart (Obsolete)

answered on 09 Jun 2011

1 answer

50 views

How to call context menu event when it creates a node with the name of "New Node" ?

Hi Team,

I am using Telerik Rad treeview in my application. I am creating below 3 context menu programatically.

1.New - To create a new node.
2.Update - Update the node
3.Delete - Delete the node

I am using OnContextMenuItemClick and OnNodeEdit event to do my custom DB action. I have 2 problem in this senario.

1. When I click "New" Context menu, this creates a node with the name of "New Node" but it faild to call my custom events. But If i modify the name of the "New node" the event will trigger. But I am not able to call the event when the newly created node name as "New Node". How to call this event?

2. When I creates a new node, this creates a node with the name of "New Node" but i want to create a node with the name of "New Group" instead of "New Node". Is this Possible?

Can anyone please help me to resollve this broblem?

Regards,
BalaMurugan J

TreeView

answered on 09 Jun 2011

4 answers

197 views

"delete image won't display when i use custom skin in grid

Hi ;
"delete image won't display when i use custom skin in grid "

I have trayed to used the image pathe to display it and it work nice if i want to display a one skin , but i don't want this Solution because i have built my application withe multi theems and i want to made a mulity skin for telerik rad to give clint to choice the theeme what he need .

thank You .

Grid

answered on 09 Jun 2011

1 answer

111 views

Apply button CausesValidation = true

I have developed my own filter editor with validation included. But I couldn't figure it out how to set CausesValidation property of Apply button. Any thoughts?

Thanks in advance.

Filter

answered on 09 Jun 2011

3 answers

114 views

Grid Collapse Group Footer at the Same Line

Hello people of Telerik!!!
I have a little problem. I have a radgrid that contains groups and each group contains total, I need each total of my group stay at the same line when i collapse each group.
It´s possible? Becouse when I collapse by deffault the Grid put the line under the line collapsed.
Thank´s for your help.

Ariel.-

Grid

answered on 09 Jun 2011

4 answers

174 views

Implementing filtering for column containing custom formatted text.

Hi there,

I've a simple RadGrid which is bound through an objectDataSource. I've a couple of columns which are bound, using DataField attribute, to the properties of type returned by ObjectDataSource bound method.

<telerik:RadGrid ID="RGTasks" AllowPaging="True" runat="server"

AutoGenerateColumns="False" GridLines="None" CellSpacing="0"

DataSourceID="ObjectDataSource1" Skin="Outlook" PageSize="10"

style="width:100%; height:100%;" onitemdatabound="RGTasks_ItemDataBound"

AllowFilteringByColumn="true" AllowSorting="true"

onitemcommand="RGTasks_ItemCommand">

<MasterTableView DataKeyNames="RuleScheduleKey" AutoGenerateColumns="false" CommandItemDisplay="Top"

EditMode="EditForms" AllowAutomaticUpdates="true" AllowAutomaticInserts="false"

AllowFilteringByColumn="true" >

<EditFormSettings EditFormType="WebUserControl" UserControlName="../Controls/EditRule.ascx" />

<CommandItemSettings ExportToPdfText="Export to PDF" AddNewRecordText="Add Task"></CommandItemSettings>

<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column"></RowIndicatorColumn>

<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column"></ExpandCollapseColumn>

<AlternatingItemStyle BackColor="#EDF1FF" />

<Columns>

<telerik:GridBoundColumn FilterControlAltText="Filter column2 column"

UniqueName="column2" DataField="RuleScheduleKey" HeaderText="Task"

HeaderStyle-Font-Bold="true" HeaderStyle-HorizontalAlign="Center"

AllowFiltering="false">

<HeaderStyle HorizontalAlign="Center" Font-Bold="True"></HeaderStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn FilterControlAltText="Filter column1 column"

UniqueName="colRule" DataField="RuleKey" HeaderText="Rule"

HeaderStyle-Font-Bold="true" HeaderStyle-HorizontalAlign="Center"

CurrentFilterFunction="Contains" ShowFilterIcon="false" AutoPostBackOnFilter="true">

<HeaderStyle HorizontalAlign="Center" Font-Bold="True"></HeaderStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="ScheduleKey" HeaderText="Schedule" UniqueName="ScheduleKey"

FilterControlAltText="Filter column6 column" AllowFiltering="false">

<HeaderStyle Font-Bold="True" />

</telerik:GridBoundColumn>

<telerik:GridDateTimeColumn FilterControlAltText="Filter column5 column"

UniqueName="column5" DataField="NextRunTimestamp" HeaderText="Next Run" ItemStyle-Width="10%"

HeaderStyle-Font-Bold="true" HeaderStyle-HorizontalAlign="Center"

ReadOnly="true" AllowFiltering="false">

<HeaderStyle Font-Bold="True" HorizontalAlign="Center" />

<ItemStyle Width="10%" />

</telerik:GridDateTimeColumn>

<telerik:GridDateTimeColumn DataField="LastRunTimestamp"

FilterControlAltText="Filter column column" HeaderText="Last Run"

UniqueName="column" AllowFiltering="false">

<HeaderStyle Font-Bold="True" />

</telerik:GridDateTimeColumn>

<telerik:GridBoundColumn FilterControlAltText="Filter column4 column"

UniqueName="column4" DataField="LastRunStatus" HeaderText="Last Run Status"

HeaderStyle-Font-Bold="true" HeaderStyle-HorizontalAlign="Center"

CurrentFilterFunction="Contains" ShowFilterIcon="false">

<HeaderStyle HorizontalAlign="Center" Font-Bold="True"></HeaderStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn FilterControlAltText="Filter column3 column"

UniqueName="column3" DataField="CreatedById" HeaderText="Created By"

HeaderStyle-Font-Bold="true" HeaderStyle-HorizontalAlign="Center"

ReadOnly="true" CurrentFilterFunction="StartsWith" ShowFilterIcon="false"

DataType="System.String" AutoPostBackOnFilter="true">

<HeaderStyle Font-Bold="True" HorizontalAlign="Center" />

</telerik:GridBoundColumn>

</Columns>

<EditFormSettings >

<EditColumn FilterControlAltText="Filter EditCommandColumn column" ></EditColumn>

</EditFormSettings>

</MasterTableView>

<PagerStyle PagerTextFormat="{0} / {1}" />

<FilterMenu EnableImageSprites="False"></FilterMenu>

<HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default"></HeaderContextMenu>

</telerik:RadGrid>

<asp:ObjectDataSource ID="ObjectDataSource1" runat="server"

SelectMethod="GetAllRuleSchedulesByUserID"

TypeName="DataAccessHelper"

onselecting="ObjectDataSource1_Selecting"

DataObjectTypeName="Datasets.RuleSchedule">

<SelectParameters>

<asp:Parameter Name="userID" Type="String" />

<asp:SessionParameter SessionField="IsUserAdmin" Name="isAdmin" Type="Boolean" DefaultValue="false" />

</SelectParameters>

</asp:ObjectDataSource>

While the data that is being displayed on the grid is formatted in the backend using the ItemDataBound
method.

Code behind

protected void RGTasks_ItemDataBound(object sender, Telerik.Web.UI.GridItemEventArgs e)

{

if ((e.Item.ItemType == Telerik.Web.UI.GridItemType.Item) ||

(e.Item.ItemType == Telerik.Web.UI.GridItemType.AlternatingItem))

{

try

{

RuleSchedule rs = new RuleSchedule();

rs = (RuleSchedule)e.Item.DataItem;

BusinessRule br = DataAccessHelper.GetBusinessRule(rs.RuleKey);

if (!string.IsNullOrEmpty(br.Name))

{

e.Item.Cells[5].Text = "[" + e.Item.Cells[5].Text + "] " + br.Name;

}

Schedule sc = DataAccessHelper.GetSchedule(rs.ScheduleKey);

if (!string.IsNullOrEmpty(sc.RecurrenceTypeCd))

{

e.Item.Cells[6].Text = "[" + e.Item.Cells[6].Text + "] " + sc.RecurrenceTypeCd;

}

catch

{

}

I would like to let users filter the displayed text in the formatted columns instead of the DataField.
ie. if the DataField value was say "14" while the displayed text post formatting is "[14] BiWeekly"
I would like to display the row if user types "week" in the filter control.

Any suggestions or pointers will be appreciated.

Thanks in advance.

Regards,

Grid

answered on 09 Jun 2011

9 answers

59 views

Pager not Obeying Property Assignment - [CLASSIC Controls]

Hi,

I'm working on a project whereby we are augmenting the functionality of an existing application which was built using the ASP.NET AJAX classic controls. (The analysis of upgrading to the current control suite determined that this would take to long).

So, using the WCSF and the MVP pattern, I am trying to re-apply state to a Grid. Here are the circumstances:
- user performs search
- user clicks on item in grid and is navigated to a page for that one item to edit
- as part of that operation, the state of the Grid is saved into a Session object (i.e. CurrentPage, PageSize)
- user clicks on a "Return to Search" button.
- upon loading the Grid and populating it, the Presenter applies its stored state to the Grid (i.e.CurrentPage, PageSize)

The result is a bit off. The results that are displayed are fine. However, the Pager TextBoxes and LinkButtons are all out of whack. That is, even though there may be 4 items in the Grid (as per the previously selected PageSize), the Page Size TexBox will have reverted to its original value of 10, the Page index will be 1 (even though the result set is the 4th page) and the pager LinkButton which is colored as active is the 1st page index (i.e. 1).

I've set the properties as so, and when debugging, the values seem to be assigned perfectly well:

public int LicencesResultsPageSize

{

get

{

if (this.LicenceResultsPanel.Visible)

{

return this.LicenceResultsGrid.MasterTableView.PageSize;

}

return 0;

}

set

{