Questions on UI for ASP.NET AJAX Forum

4 answers

237 views

I'm trying to add a lineseries on an existing RadhtmlChart that is a columnseries. Image attached - this is as far as I got following your page Multiple Y-axes demo. The Columnseries values and lineseires values are different that is why i created a AdditionalAxis (sample below). I'm populating the data via datatable to RadHTMLChart.Datasource()
1. how do i populate seperate Y axis
2. how to show the lineseries.
Please advice, thank you.

<telerik:RadHtmlChart runat="server" Width="700px" Height="500px" ID="DashboardMonthlyChart" Skin="Vista">

<PlotArea>

<Series>

<telerik:ColumnSeries DataFieldY="TotalClicks" Name="Total Clicks" Stacked="True">

<LabelsAppearance Visible="false"></LabelsAppearance>

<TooltipsAppearance Color="White" />

</telerik:ColumnSeries>

<telerik:ColumnSeries DataFieldY="TotalCalls" Name="Total Calls">

<LabelsAppearance Visible="false"></LabelsAppearance>

<TooltipsAppearance Color="White" />

</telerik:ColumnSeries>

<telerik:LineSeries AxisName="AdditionalAxis" Name="Cost Per Contact">

<LabelsAppearance Visible="false"></LabelsAppearance>

<TooltipsAppearance Color="White" />

</telerik:LineSeries>

</Series>

<XAxis DataLabelsField="Month">

<LabelsAppearance RotationAngle="75" Step="1">

</LabelsAppearance>

<TitleAppearance Text="">

</TitleAppearance>

<AxisCrossingPoints>

<telerik:AxisCrossingPoint Value = "0" />

<telerik:AxisCrossingPoint Value = "12" />

</AxisCrossingPoints>

</XAxis>

<YAxis>

<TitleAppearance Text="">

</TitleAppearance>

</YAxis>

<AdditionalYAxes>

<telerik:AxisY Name="AdditionalAxis" Color="Red" Width="3">

<TitleAppearance Text = "Cost Per Contact">

<TextStyle Color="Black" />

</TitleAppearance>

<LabelsAppearance>

<TextStyle Color="Black" />

</LabelsAppearance>

</telerik:AxisY>

</AdditionalYAxes>

</PlotArea>

<Legend>

<Appearance Visible="true" Position="Top">

</Appearance>

</Legend>

</telerik:RadHtmlChart>

Private Sub LoadDashboardDetails()

Dim dtPerformance As DataTable

Dim IYPPerformanceInfo As XElement = Nothing

'//Rerence WCF service.

Dim oypmservice As New CL_ADOMDService.WCFAdomdServiceClient

'//Data returned as XElement

IYPPerformanceInfo = oypmservice.GetIYPDashboardByMonth(Session("AcctNum"), ViewState("PubInitID"), ViewState("StartDate"), ViewState("EndDate"), True)

''//Convert XElement to Datatable

dtPerformance = clMisc.GetDataTableFromXMLElement(IYPPerformanceInfo)

'//Store data in Session

Dim dtPerformanceRows As DataTable

dtPerformanceRows = dtPerformance.Select("Month<>'GroupHeader'").CopyToDataTable

dtPerformanceRows.Columns.Add(New DataColumn("MonthNumber", GetType(Date)))

For Each dr In dtPerformanceRows.Rows

dr("MonthNumber") = CDate(dr("Month")) 'Split(dr("Month").ToString.Trim, " ")(0)

Next

ViewState("IYPDashboard") = dtPerformanceRows

'testgrid.DataSource = dtPerformanceRows

'testgrid.DataBind()

If dtPerformance IsNot Nothing Then

If dtPerformanceRows.Columns.Contains("Total Clicks") = False Then

dtPerformanceRows.Columns.Add("Total Clicks", GetType(Integer))

End If

If dtPerformanceRows.Columns.Contains("Total Calls") = False Then

dtPerformanceRows.Columns.Add("Total Calls", GetType(Integer))

End If

If dtPerformanceRows.Columns.Contains("Cost Per Contact") = False Then

dtPerformanceRows.Columns.Add("Cost Per Contact", GetType(Double))

End If

LoadDetailChart()

DashboardDetailsListView.DataSource = dtPerformanceRows.Select("", "MonthNumber Asc").CopyToDataTable

DashboardDetailsListView.DataBind()

End If

DashboardMonthlyChart.ChartTitle.Text = ViewState("PubName")

DashboardMonthlyChart.PlotArea.XAxis.AxisCrossingPoints(1).Value = Decimal.Parse(12)

DashboardMonthlyChart.ChartTitle.Appearance.TextStyle.Bold = True

DashboardMonthlyChart.ChartTitle.Appearance.Align = Telerik.Web.UI.HtmlChart.ChartTitleAlign.Left

DashboardMonthlyChart.Legend.Appearance.TextStyle.Margin = "8"

DashboardMonthlyChart.PlotArea.XAxis.MajorGridLines.Visible = False

DashboardMonthlyChart.PlotArea.XAxis.MinorGridLines.Visible = False

DashboardMonthlyChart.PlotArea.YAxis.MajorGridLines.Visible = True

DashboardMonthlyChart.PlotArea.YAxis.MinorGridLines.Visible = False

End Sub

Private Sub LoadDetailChart()

Dim dtMonthlyDetail As DataTable

dtMonthlyDetail = ViewState("IYPDashboard")

Dim dtChartData As DataTable

Dim ColumnNames() As String

Dim dc As DataColumn

ColumnNames = "Month,Total Clicks,Total Calls,Total Contacts,Cost Per Contact,MonthNumber".Split(",")

Dim view As DataView

view = New DataView(dtMonthlyDetail)

dtChartData = view.ToTable(True, ColumnNames).Select("", "MonthNumber Asc").CopyToDataTable

For Each dc In dtChartData.Columns

dc.ColumnName = dc.ColumnName.Replace(" ", "")

Next

DashboardMonthlyChart.DataSource = dtChartData

DashboardMonthlyChart.DataBind()

End Sub

General Discussions

answered on 04 Nov 2014

1 answer

175 views

StoreFile overriding my override.

I'm trying to override a RadEditor DocumentManager upload control and it's mysteriously appending root path to my path...

public override string StoreFile(Telerik.Web.UI.UploadedFile file, string path, string name, params string[] arguments)
{
string uploadPath = this.GetPhysicalFromVirtualPath(path);
return base.StoreFile(file, uploadPath, name, arguments);
}

GetPhysicalFromVirtualPath() builds the UNC \\\\servername\\store\\{product}\\docs\\ path properly. But the override then bombs because path wasn't found for this directory c:\projects\DocManagerProject\servername\store\{product}\docs\.

Why is the StoreFile function overriding my override?

General Discussions

answered on 04 Nov 2014

12 answers

401 views

RadDatePicker rendering problem in IE9 Compatibility Mode

Hello team,

I have two RadDatePicker that I'm showing next to eachother to pick a from and upon date.
It displays always fine in Chrome, FireFox, IE8, IE9, except in IE9 Compatibility Mode (which has to be supported for our clients)

In IE9 Compatibility Mode the boxes are shown like this:
[RadDatePicker1 here]
until
[RadDatePicker2 here]

While in any other browser and IE9 non Comp.Mode it shown like this (as I want):

[RadDatePicker1 here] until [RadDatePicker2 here]

(see attached screenshot for clarification)

I tried wrapping all controls in a div with white-space:nowrap; and/or display:inline; but nothing seems to work.
However, when I remove the following line, it works, but removing this line is not an option.
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

Do you have any suggestions to make this work? Using Q3 2011 SP1 and Asp.Net 3.5
Thanks in advance!

Regards,
Jasper

My code:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Test2.aspx.cs" Inherits="Tests_Test2" %>

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

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

<title></title>

</head>

<body>

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

<asp:ScriptManager EnableScriptGlobalization="true" runat="server" ID="scriptManager" EnablePartialRendering="True" />

<div>

<telerik:RadDatePicker ID="RadDatePicker1" runat="server"

MinDate="1900-01-01" MaxDate="2099-12-31" Width="110px">

<DateInput ID="DateInput1" runat="server" DateFormat="dd-MM-yyyy" DisplayDateFormat="dd-MM-yyyy"></DateInput>

<DatePopupButton ImageUrl="~/images/calendar.png" HoverImageUrl="~/images/calendar.png" />

</telerik:RadDatePicker>

until

<telerik:RadDatePicker ID="RadDatePicker2" runat="server"

MinDate="1900-01-01" MaxDate="2099-12-31" Width="110px">

<DateInput ID="DateInput2" runat="server" DateFormat="dd-MM-yyyy" DisplayDateFormat="dd-MM-yyyy"></DateInput>

<DatePopupButton ImageUrl="~/images/calendar.png" HoverImageUrl="~/images/calendar.png" />

</telerik:RadDatePicker>

</div>

</form>

</body>

</html>

Calendar

answered on 04 Nov 2014

4 answers

100 views

Google-like Filtering Problem

Hello,

I am working on a project with RadGrid.
I am trying to apply Google-like Filtering on my project.
(http://www.telerik.com/help/aspnet-ajax/grid-google-like-filtering.html)

I have some problems:

1.) After I filter a column, I don’t see any data in my grid.
2.) Is it possible to filter a numeric field that I do not know in advance its name? (data source of my grid is dynamic and I don’t know in advance the type of each column)

My code so far:

001.Public Class Google_Like_Filter2

002. Inherits System.Web.UI.Page

003. Dim dd As New DummyData

004. Dim dt As New DataTable

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

006. If Not IsPostBack Then

007. dt = dd.GenTableData2

008. Me.RadGrid1.MasterTableView.Columns.Clear()

009.

010. For Each dataColumn As DataColumn In dt.Columns

011. Dim gridColumn As New MyCustomFilteringColumnVB()

012. Me.RadGrid1.MasterTableView.Columns.Add(gridColumn)

013. gridColumn.DataField = dataColumn.ColumnName

014. gridColumn.HeaderText = dataColumn.ColumnName

015. Next

016. End If

017. End Sub

018.

019. Private Sub RadGrid1_ColumnCreating(sender As Object, e As Telerik.Web.UI.GridColumnCreatingEventArgs) Handles RadGrid1.ColumnCreating

020. If (e.ColumnType = GetType(MyCustomFilteringColumnVB).Name) Then

021. e.Column = New MyCustomFilteringColumnVB()

022. End If

023. End Sub

024.

025. Private Sub RadGrid1_ItemCommand(sender As Object, e As Telerik.Web.UI.GridCommandEventArgs) Handles RadGrid1.ItemCommand

026. If (e.CommandName = "Filter") Then

027. For Each column As GridColumn In e.Item.OwnerTableView.Columns

028. column.CurrentFilterValue = String.Empty

029. column.CurrentFilterFunction = GridKnownFunction.NoFilter

030. Next

031. End If

032. End Sub

033.

034. Private Sub RadGrid1_NeedDataSource(sender As Object, e As Telerik.Web.UI.GridNeedDataSourceEventArgs) Handles RadGrid1.NeedDataSource

035. RadGrid1.DataSource = dt

036.

037. End Sub

038.End Class

039.

040.Public Class MyCustomFilteringColumnVB

041. Inherits GridBoundColumn

042. Dim dd As New DummyData

043. 'RadGrid will call this method when it initializes the controls inside the filtering item cells

044. Protected Overloads Overrides Sub SetupFilterControls(ByVal cell As TableCell)

045. MyBase.SetupFilterControls(cell)

046. cell.Controls.RemoveAt(0)

047. Dim combo As New RadComboBox()

048. combo.ID = ("RadComboBox1" + Me.UniqueName)

049. combo.ShowToggleImage = False

050. combo.Skin = "Office2007"

051. combo.EnableLoadOnDemand = True

052. combo.AutoPostBack = True

053. combo.MarkFirstMatch = False

054. combo.Height = Unit.Pixel(100)

055. combo.EnableAutomaticLoadOnDemand = False

056. AddHandler combo.ItemsRequested, AddressOf Me.list_ItemsRequested

057. AddHandler combo.SelectedIndexChanged, AddressOf Me.list_SelectedIndexChanged

058. cell.Controls.AddAt(0, combo)

059. cell.Controls.RemoveAt(1)

060. End Sub

061. 'RadGrid will cal this method when the value should be set to the filtering input control(s)

062. Protected Overloads Overrides Sub SetCurrentFilterValueToControl(ByVal cell As TableCell)

063. MyBase.SetCurrentFilterValueToControl(cell)

064. Dim combo As RadComboBox = DirectCast(cell.Controls(0), RadComboBox)

065. If (Me.CurrentFilterValue <> String.Empty) Then

066. combo.Text = Me.CurrentFilterValue

067. End If

068. End Sub

069. 'RadGrid will cal this method when the filtering value should be extracted from the filtering input control(s)

070. Protected Overloads Overrides Function GetCurrentFilterValueFromControl(ByVal cell As TableCell) As String

071. Dim combo As RadComboBox = DirectCast(cell.Controls(0), RadComboBox)

072. Return combo.Text

073. End Function

074. Private Sub list_ItemsRequested(ByVal o As Object, ByVal e As RadComboBoxItemsRequestedEventArgs)

075. Dim dt As DataTable = dd.GenTableData2

076. CType(o, RadComboBox).DataTextField = Me.DataField

077. CType(o, RadComboBox).DataValueField = Me.DataField

078. 'If (Me.ColumnType Is GetType(String)) Then

079.

080. 'dt = dt.Select(String.Format(Me.UniqueName + " LIKE '*{0}*'", e.Text)).CopyToDataTable

081. dt = dt.Select(Me.UniqueName + " LIKE '%" + e.Text + "%'").CopyToDataTable

082. Dim dv As DataView = New DataView(dt)

083. dt = dv.ToTable("dt", False, Me.UniqueName)

084. ''Else

085. 'End If

086.

087.

088.

089. CType(o, RadComboBox).DataSource = dt

090.

091. CType(o, RadComboBox).DataBind()

092. End Sub

093.

094. Private Sub list_SelectedIndexChanged(ByVal o As Object, ByVal e As RadComboBoxSelectedIndexChangedEventArgs)

095. Dim filterItem As GridFilteringItem = DirectCast((DirectCast(o, RadComboBox)).NamingContainer, GridFilteringItem)

096. If (Me.UniqueName = "Index") Then

097. 'If (Me.ColumnType Is GetType(Integer)) Then

098. 'this is filtering for integer column type

099. filterItem.FireCommandEvent("Filter", New Pair("EqualTo", Me.UniqueName))

100. End If

101. 'filtering for string column type

102. filterItem.FireCommandEvent("Filter", New Pair("Contains", Me.UniqueName))

103. End Sub

104.End Class

105.

106.Public Class DummyData

107. Public Function GenTableData2(Optional records = 30)

108. Dim dt As New DataTable

109. dt.Columns.Add("ID", GetType(Integer))

110. dt.Columns.Add("First", GetType(String))

111. dt.Columns.Add("Last", GetType(String))

112. dt.Columns.Add("Birth", GetType(DateTime))

113.

114.

115. For index = 1 To records

116. dt.Rows.Add(index, "First" & index, "Last" & index, Date.Now.AddDays(-index))

117. Next

118.

119. Return dt

120. End Function

121.End Class

Thanks,
Daniel.

Grid

answered on 04 Nov 2014

4 answers

144 views

Disable specific tokens

Hi,

Is it possible to disable specific tokens in an AutoCompleteBox?

I found that tokens have a 'isDisabled' property, but changing it does nothing as far as I can tell.

This is my code so far

function AddNewEntry(pText, pDisabled) {

var autoCompleteBox = $find("<%=RdtCmpltBx_Data.ClientID %>");

var entry = new Telerik.Web.UI.AutoCompleteBoxEntry();

entry.set_text(pText);

autoCompleteBox.get_entries().add(entry);

if (pDisabled == true) {

var token = entry.get_token();

token.isDisabled = true;

}

AutoCompleteBox

answered on 04 Nov 2014

5 answers

667 views

Select All Rows Event

Hi,

I have a RadGrid, containing a GridClientSelectColumn.
I am using server side event processing, and I get the SelectedIndexChanged event whenver a row is clicked or a checkbox is changed.
However, if the checkbox in the header is clicked, to select / deselect all grid items then I do not receive an event, even though the selected items have obviously changed.
I am using the lastest set of controls (Sep - Q2 SP2)

Should I be looking for a different event, or is there another way to get this working?

Thanks.

Paul

Grid

answered on 04 Nov 2014

2 answers

86 views

Text does not fill box

Hi,

I am using an AutoCompleteBox in my page, but when I type something in it, the text gets moved to the left before my typing actually reach the right side of the box.
See the attached screenshot for an example of what happens.

I am not sure what causes this, so some pointers would be very welcomed.

This is my code:

<div style=

"display: table-cell; vertical-align: middle; padding-top: 5px; padding-left: 5px; padding-bottom: 5px; padding-right: 5px;"

>

<telerik:RadAutoCompleteBox

ID="RdtCmpltBx_Data1"

runat="server"

WebServiceSettings-Method="GetSingleData"

WebServiceSettings-Path="Main.aspx"

OnClientTextChanged="DataChanged"

Filter="StartsWith"

DropDownPosition="Automatic"

AllowCustomEntry="true"

InputType="Text"

TextSettings-SelectionMode="Single" />

</div>

AutoCompleteBox

answered on 04 Nov 2014

3 answers

241 views

Is it possible to put links in tiles?

We're able to redirect users to a link when they click tiles by using NavigateUrl. My question is that is it possible to add multiple links inside a tile?

For example, users will go to a.aspx when they click anywhere in tile. There will be also "Click for B" and "Click for C" links in tile. Users will be redirected to b.aspx or c.aspx from these links.

TileList

answered on 04 Nov 2014

1 answer

438 views

GridClientSelectColumn event when Select All checkbox is checked?

What are the client and server side events that I can use when the check box in the header to check all rows for a GridClientSelectColumn is checked?

When the header checkbox is checked and causes all the rows' checkboxes to become checked I would like to execute code either on the server or the client based on this event.

Grid