Questions on UI for ASP.NET AJAX Forum

1 answer

358 views

Setting Height Dynamically for Bar and Line Chart with Grid

Hi:
I am creating a chart, where the chart could be a line or bar. The # of point could be 3 or 120. So the following issue and example are interestingly similar, I am looking to remove the white-space above and below the plot-area.
http://www.telerik.com/community/forums/aspnet-ajax/chart/white-space-above-and-below-chart-when-dynamically-setting-height.aspx
But, I have a RadGrid below my chart. The fun part is that the 2 controls seem to partially overlay each other (not good in a production system).

<%@ Page Title="" Language="VB" MasterPageFile="~/Member.Master" AutoEventWireup="false" CodeFile="RadChartTitle.aspx.vb" Inherits="Learning_RadChartTitle" %>

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

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" Runat="Server">

<telerik:RadChart ID="radChart" runat="server" AutoLayout="true" Width="750" Height="450">

</telerik:RadChart>

<telerik:RadGrid ID="chartDataRadGrid" runat="server"

Width="100%" ShowHeader="false" >

<MasterTableView AutoGenerateColumns="False" ShowHeader="true">

<Columns>

<Telerik:GridBoundColumn DataField="Name" UniqueName="Index" HeaderText="Index" ItemStyle-HorizontalAlign="Left" HeaderStyle-HorizontalAlign="Left" Visible="true" />

<Telerik:GridBoundColumn DataField="Value" UniqueName="V1Column" HeaderText="Value 1" ItemStyle-HorizontalAlign="Right" HeaderStyle-HorizontalAlign="Right" Visible="true" />

<Telerik:GridBoundColumn DataField="Value2" UniqueName="V2Column" HeaderText="Value 2" ItemStyle-HorizontalAlign="Right" HeaderStyle-HorizontalAlign="Right" Visible="true" />

</Columns>

</MasterTableView>

</telerik:RadGrid>

</asp:Content>

Code behind:

Option Explicit On

Option Strict On

'

Imports System.Web

Imports System.Web.UI

Imports System.Web.UI.WebControls

Imports System.Data

Imports Telerik.Charting

Partial Class Learning_RadChartTitle

Inherits System.Web.UI.Page

'

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

Dim _table As DataTable = GetTable()

'

Dim _series1 As New ChartSeries()

Dim _numOfSeries As Integer = 2

_series1.Type = ChartSeriesType.Bar

_series1.DataYColumn = "Value"

_series1.Name = "Series 1"

radChart.Series.Add(_series1)

'

If _numOfSeries = 2 Then

Dim _series2 As New ChartSeries()

_series2.Type = ChartSeriesType.Bar

_series2.DataYColumn = "Value2"

_series2.Name = "Series 2"

radChart.Series.Add(_series2)

End If

radChart.PlotArea.XAxis.DataLabelsColumn = "Name"

radChart.SeriesOrientation = ChartSeriesOrientation.Horizontal

radChart.DataSource = _table

radChart.Appearance.Dimensions.Height = Telerik.Charting.Styles.Unit.Pixel(_table.Rows.Count * 25 * _numOfSeries)

radChart.DataBind()

chartDataRadGrid.DataSource = _table

chartDataRadGrid.DataBind()

End Sub

'

Private Shared Function GetTable() As DataTable

Dim table As New DataTable()

'table columns

table.Columns.Add("Name", GetType(String))

table.Columns.Add("Value", GetType(Integer))

table.Columns.Add("Value2", GetType(Integer))

'table rows

table.Rows.Add("Value1", 10, 20)

table.Rows.Add("Value2", 20, 30)

table.Rows.Add("Value3", 30, 21)

table.Rows.Add("Value4", 40, 35)

table.Rows.Add("Value5", 50, 50)

table.Rows.Add("Value6", 60, 62)

table.Rows.Add("Value7", 70, 65)

table.Rows.Add("Value8", 80, 68)

table.Rows.Add("Value9", 90, 71)

table.Rows.Add("Value10", 100, 74)

table.Rows.Add("Value11", 110, 77)

Return table

'

End Function

End Class

Thanks for your help
Phil
p.s. comment all but one row of data ...

Chart (Obsolete)

answered on 10 Nov 2011

3 answers

236 views

[Solved] Visual Studio Extensions for RadControls for ASP.NET AJAX

I initially downloaded the trial version and installed it. I then downloaded my licensed version. The extensions don't appear to be correctly installed in VS 2010. Although I have the telerik menu, I don't have anything under it except "About". Further the templates are not present and the context menu of the solution explorer is not present.

I have uninstalled and installed 3 times with no change.

Is there a manual way to install?

Thanks,

Installer and VS Extensions

answered on 10 Nov 2011

3 answers

88 views

How to set yaxis major gridline stlye for each axis item ?

Hi,
I am using a rad chart (type="Line") where I need to set major grid line style for each axis item in the y axis like, need to set different color for different grid lines and set visibility =false for some items etc. Is there a chance to do this ? I know there is a property to set the visibility or other styles for all the axis items in the y axis. But my need is to do the styling for individual items separately.
Thanks & Regards
Shafi

Chart (Obsolete)

answered on 10 Nov 2011

1 answer

109 views

Timeline button does not work

Dear Sirs,
we are using Scheduler from RadControls (Q2 2001 SP1 - latest release).
We are using the Timeline view, and it works fine but the problem is that we cannot see the timeline button.
Here's the code:

scheduler.SelectedView = SchedulerViewType.TimelineView;

scheduler.ShowViewTabs = true;

scheduler.TimelineView.UserSelectable = true;

scheduler.WeekView.UserSelectable = true;

scheduler.MonthView.UserSelectable = true;

scheduler.DayView.UserSelectable = false;

Could you please help us?
Thanks in advance.
Regards,
Sergio

Scheduler

answered on 10 Nov 2011

1 answer

212 views

Rad Grid Insert/Update Command not Firing After disabeling validation

Hello,

I have used rad grid with insert , update option using edit form template.While Add/Edit time Depending on Radio Button Selection I need to Enable , Disable Validation. Insert , Update option works perfect when validation are enable but when i am selecting option which is disabling my validation then by clicking on Insert , Update button my insertcommand and updatecommand are not working. By clicking on insert or update button it direct comes to itemcommand event not on insert or update command.

Any Idea why rad grid insert , update command not working after disabling validation?

Grid

answered on 10 Nov 2011

1 answer

85 views

How to Apply our Cutom Css Class to Custom Edit Template(InlineInsertTemplate)

Hello All,
I am Using Custom Edit Template in Rad Scheduler to Insert Appointment Item.But i am facing to apply my Own Css class to Cutom Edit Template.I have written my Custom Edit Template using InlineInsertTemplate but when ever am click on a particular date to add an Item,template not looking good and am unable to find how to Apply my Own Css class to Inline InsertTemplate. aim sending attached Screen Shot how Template looking.
Hoping Response will Come ASAP

Thanks & Regards
N.Vishnu Vardhan Reddy

Scheduler

answered on 10 Nov 2011

2 answers

159 views

How to filter on multiple values in a custom filter (Combobox with Checkboxes)

Hello,
I need to have a grid with Custom Filters. Those filters needs to be comboboxes with checkboxes.
I started from http://demos.telerik.com/aspnet-ajax/grid/examples/programming/filteringtemplatecolumns/defaultcs.aspx.
I can successfully run the sample & I modified the combobox (checkboxes=true) to display all items with checkboxes.
Now I've 2 issues :
1°) When I filter on 1 checkbox from the combobox "Country", it works. But when I check 2 checkboxes (2 countries), I can not have results.
Do you have another sample or a doc explaining how to handle multiple selections for 1 filter ? Or any tips to explain how to do that ?
2°) The custom filters column are not sortable, how to have them sortable too ?

Nicolas

Grid

answered on 10 Nov 2011

1 answer

264 views

How to Disable Autocorrect in RadDatePicker

The RadDatePicker Auto correcting if you put invalid date values.

Ex : 01012011auto correct to 01-Jan-2011

How Can i disable autocorrect in RadDatePicker?

Calendar

answered on 10 Nov 2011

4 answers

259 views

Change header text in client-side

I want to change a column header text in client-side (javascript + jquery). The column header support reorder.

I have this code:

$(grid.get_masterTableView().getColumnByUniqueName('ColumnUniqueName').get_element()).text('New header text')

I get the header text to be changed but I lose the link to reorder the column. Is there any other way to get the header text changed?

Thanks

Grid

answered on 10 Nov 2011

2 answers

78 views

how fire my javascript on backcode?

Dear Telerik,

    I use a grid,when I add new record,I want fire a function of my js script.but I use the radajax so I use ClientScript.RegisterStartupScript function is unuseful...
    my code:

function showEdit(customer, contact) {

window.radopen("ContactEdit.aspx?cus=" + customer + "&contact=" + contact, "EditContact");

return false;

}

protected void RadGridList_InsertCommand(object sender, GridCommandEventArgs e)

{

Parents parents = new Parents();

parents.Customer_No = ((TextBox)e.Item.FindControl("txtParentsCode")).Text.Trim();

parents.English_Name = ((TextBox)e.Item.FindControl("txtEnName")).Text.Trim();

parents.Join_Date = DateTime.Parse(((RadDatePicker)e.Item.FindControl("rdpJoinDate")).SelectedDate.ToString());

parents.Salesman_Code = ((RadComboBox)e.Item.FindControl("rcbSalesman")).SelectedValue.Trim();

parents.BR_No = ((TextBox)e.Item.FindControl("txtBRNo")).Text.Trim();

parents.CR_No = ((TextBox)e.Item.FindControl("txtCRNo")).Text.Trim();

parents.Remarks = ((TextBox)e.Item.FindControl("txtRemarks")).Text.Trim();

parents.Parent_Customer_No = ((RadComboBox)e.Item.FindControl("rcbParent")).SelectedValue.Trim();

parents.Alternative_Name = ((TextBox)e.Item.FindControl("txtAlternative")).Text.Trim();

parents.Music_Service_Type = ((TextBox)e.Item.FindControl("txtMusSerType")).Text.Trim();

parents.Next_Contact_Datetime = DateTime.Parse(((RadDatePicker)e.Item.FindControl("rdpNextConDate")).SelectedDate.ToString());

try

{

new BLL.ParentsBLL().Add(parents);

BindData();

ClientScript.RegisterStartupScript(GetType(), "message", "<script language='javascript'>showEdit('0004', '')</script>");

}

catch (Exception)

{

throw;

}

General Discussions

answered on 10 Nov 2011