Questions on UI for ASP.NET AJAX Forum

0 answers

109 views

telerik:GridNumericColumn - Add negative Number dynamically

Hi Guys

I am in a requirement of adding numbers in grid dynamically and save
So i used telerik:GridNumericColumn
Now in new requirement they need to add negative values

I saw
http://www.telerik.com/community/forums/aspnet-ajax/grid/gridnumericcolumn-with-negative-value.aspx,
http://demos.telerik.com/aspnet-ajax/grid/examples/client/columnformatting/defaultcs.aspx

Here they display by formatting the existing data , my requirement is to add negative numbers on the run i.e EditMode="InPlace"

Karthik.K

Grid

asked on 18 Apr 2012

0 answers

59 views

Does RadDatePicker support IE Quirks mode?

My current site is working under Quirks mode in IE. But RadDatePicker can't work well. Its popup calendar is floating out of screen and at sometimes the its textbox has inline height property like '<input height="14px" />'. I want to know if latest Telerik ajax controls support IE Quirks mode? Thanks.

Calendar

asked on 18 Apr 2012

0 answers

87 views

onScroll function can't find RadGrid

I am trying to follow the example on scrolling (the second grid in the example with yahoo style scrolling) of a RadGrid found here:

http://demos.telerik.com/aspnet-ajax/grid/examples/client/virtualscrollpaging/defaultcs.aspx

but



var grid = $find("<%=RadGrid2.ClientID %>") 





just returns null. Have tried everything I can think of but to no avail. My RadGrid is just sitting inside a div in context of the page. Any thoughts? Thanks!

Grid

asked on 17 Apr 2012

1 answer

57 views

"drop down Llist" instead of "text box" in ImageMap

Hi,
The Image Map Editor has a text box for URL, but I want a Drop Down list instead of the text box. After that I want to read data from database and fill it with custom link.
could you help me?

Editor

answered on 17 Apr 2012

3 answers

106 views

Hight

Is there a way to control height between nodes in a TreeList?

TreeList

answered on 17 Apr 2012

2 answers

136 views

Not able to pull the –ve values on to X-Axis

Not able to pull the –ve values on to X-Axis: MY RESULTS ARE LIKE AS in image Not able to pull the –ve values on to X-Axis. PLEASE OBSERVE CAPACITY DELAY RESULTS HAS –VE VALUES ALSO, WHICH ARE GOING TO X-AXIS.

WHEN AM TRYING TO DISPLAY THEM BY USING THE BELOW CODE,

radchartcontrole.Series.Clear()

radchartcontrole.DataSource = ds.Tables.Item(charttableValue)

radchartcontrole.DataBind()

radchartcontrole.Series(0).DataXColumn = “CapacityDelay”

radchartcontrole.Series(0).DataYColumn = “Count_InvestigationId”

Result is as in image Not able to pull the –ve values on to X-Axis1

After zoom in, the results in Image Not able to pull the –ve values on to X-Axis2

PLEASE FIND THE BELOW CODE BEHIND METHOD, WHICH IS PLAYING MAIN ROLE FOR THIS DEVELOPMENT

Private Sub ChartLoad(ByRef radchartcontrole As RadChart, ByRef monthlyradchartcontrole As RadChart, ByRef dataXColumnName As String, ByRef dataYColumnName As String, ByRef xaxislableName As String, ByRef yaxislableName As String, ByRef monthlyXaxislableName As String, ByRef monthlyYaxislableName As String, ByRef monthlyYaxisDataColumn As String, ByRef monthlyXaxisDataColumn As String, ByRef avgDataColumn As String, ByRef charttableValue As Int32, ByRef monthlytableValue As Int32, ByRef avgTableValue As Int32, ByRef chartTitle As String, ByRef updatePaneltoHide As UpdatePanel, ByRef timeLinesAvgLabel As String)

Dim strErrorMessage As String = String.Empty

Dim ds As New DataSet

ds = CType(ViewState("ChartsDataset"), DataSet)

'Checking if there is no data in dataset then dispalying the message as not data found otherwise loading the chart with data set results.

If ds Is Nothing Then

updatePaneltoHide.Visible = False

lblAvgDisplay.Text = "No Data Found for the " + chartTitle

lblAvgDisplay.ForeColor = System.Drawing.Color.Red

lblAvgDisplay.Font.Bold = True

lblAvgDisplay.Width = 300

Else

'Binding the Metrics delay chart data for the selected metrics

radchartcontrole.Series.Clear()

radchartcontrole.DataSource = ds.Tables.Item(charttableValue)

radchartcontrole.DataBind()

radchartcontrole.Series(0).DataXColumn = dataXColumnName

radchartcontrole.Series(0).DataYColumn = dataYColumnName

radchartcontrole.Series(0).Appearance.BarWidthPercent = CType("10", Decimal)

'radchartcontrole.Series(0).Name = "Capacity Delay"

'By default, If there any additional serieses adding to the chart, we are removing them

If radchartcontrole.Series.Count > 0 Then

For i = 1 To radchartcontrole.Series.Count - 1

radchartcontrole.RemoveSeriesAt(i)

radchartcontrole.PlotArea.XAxis.AutoScale = True

radchartcontrole.PlotArea.XAxis.AutoShrink = True

radchartcontrole.PlotArea.XAxis.AxisLabel.TextBlock.Text = xaxislableName

radchartcontrole.PlotArea.XAxis.AxisLabel.Visible = True

radchartcontrole.PlotArea.XAxis.AxisLabel.Appearance.Position.Auto = True

radchartcontrole.PlotArea.XAxis.AxisLabel.TextBlock.Appearance.TextProperties.Color = System.Drawing.Color.Red

radchartcontrole.PlotArea.XAxis.AxisLabel.TextBlock.Appearance.Position.Auto = True

'radchartcontrole.PlotArea.XAxis.Appearance.LabelAppearance.RotationAngle = CType("45", Single)

radchartcontrole.PlotArea.YAxis.AxisLabel.TextBlock.Text = yaxislableName

radchartcontrole.PlotArea.YAxis.AxisLabel.Visible = True

radchartcontrole.PlotArea.YAxis.AxisLabel.TextBlock.Appearance.TextProperties.Color = System.Drawing.Color.Red

radchartcontrole.PlotArea.YAxis.AxisLabel.TextBlock.Appearance.Position.Auto = True

Dim metricsAvg As String

metricsAvg = CType(ds.Tables(avgTableValue).Rows(0).Item(avgDataColumn), String)

radchartcontrole.ChartTitle.TextBlock.Visible = False

'Metrics Avg label display

lblAvgDisplay.Text = timeLinesAvgLabel + metricsAvg + "days"

lblAvgDisplay.Font.Bold = True

lblAvgDisplay.ForeColor = System.Drawing.Color.Red

'Metrics titile and legend display based on the tab selected

radchartcontrole.ChartTitle.TextBlock.Appearance.Position.AlignedPosition = Telerik.Charting.Styles.AlignedPositions.TopRight

radchartcontrole.ChartTitle.TextBlock.Appearance.TextProperties.Color = System.Drawing.Color.Red

radchartcontrole.Legend.Appearance.Position.AlignedPosition = Telerik.Charting.Styles.AlignedPositions.Bottom

radchartcontrole.PlotArea.Appearance.Dimensions.AutoSize = True

'Binding the monthly chart data

monthlyradchartcontrole.Clear()

monthlyradchartcontrole.DataSource = ds.Tables.Item(monthlytableValue)

monthlyradchartcontrole.DataBind()

monthlyradchartcontrole.Series(0).DataXColumn = monthlyXaxisDataColumn

monthlyradchartcontrole.Series(0).DataYColumn = monthlyYaxisDataColumn

monthlyradchartcontrole.PlotArea.XAxis.AxisLabel.TextBlock.Text = monthlyXaxislableName

monthlyradchartcontrole.PlotArea.XAxis.AxisLabel.Visible = True

monthlyradchartcontrole.PlotArea.XAxis.AxisLabel.TextBlock.Appearance.TextProperties.Color = System.Drawing.Color.Red

monthlyradchartcontrole.PlotArea.XAxis.AxisLabel.TextBlock.Appearance.Position.Auto = True

monthlyradchartcontrole.PlotArea.YAxis.AxisLabel.Visible = True

monthlyradchartcontrole.PlotArea.YAxis.AxisLabel.TextBlock.Text = monthlyYaxislableName

monthlyradchartcontrole.PlotArea.YAxis.AxisLabel.TextBlock.Appearance.TextProperties.Color = System.Drawing.Color.Red

monthlyradchartcontrole.PlotArea.YAxis.AxisLabel.TextBlock.Appearance.Position.Auto = True

End If

<telerik:RadChart AutoLayout="True" Height="450px" ID="CapacityRadChart"

runat="server" Skin="WebBlue" Width="950px">

</FillStyle>

</Appearance>

<Appearance Dimensions-Margins="1%, 1%, 1px, 1px"

Dimensions-Paddings="1px, 1px, 1px, 1px"

Position-AlignedPosition="Top">

</ItemTextAppearance>

</FillStyle>

</Appearance>

</Legend>

</Appearance>

</Appearance>

</TextBlock>

</AxisLabel>

</YAxis>

</Appearance>

</Appearance>

</TextBlock>

</AxisLabel>

</XAxis>

</FillStyle>

</Appearance>

</PlotArea>

</FillStyle>

</Appearance>

<Appearance TextProperties-Color="102, 102, 102"

TextProperties-Font="Arial, 7pt" Position-AlignedPosition="Bottom">

</Appearance>

</TextBlock>

</ChartTitle>

</telerik:RadChart>

Chart (Obsolete)

answered on 17 Apr 2012

0 answers

83 views

GridSettingsPersister Browser History / Back Button

Grid

asked on 17 Apr 2012

1 answer

68 views

Checking if simple or advanced data binding?

Is it possible to determine whether a grid is using simple or advanced data binding? We have some common routines which it turns out need to do different things depending on what kind of data binding is being used.

Grid

answered on 17 Apr 2012

3 answers

203 views

Prevent Duplicate jQuery

I am using the Telerik ScriptManager with EnableCDN="True", but I want to load jQuery from Google's CDN instead since my page will not work if I rely on the jQuery loaded only from the Telerik Scrip Manager (I'm guessing it's an order of operations problem).

Is there any way to prevent the Telerik ScriptManager from loading jQuery and just have it rely on the already loaded Google CDN jQuery?

ScriptManager and StyleSheetManager

answered on 17 Apr 2012

2 answers

246 views

HeaderItem vs. DataItem during ItemDataBound event

I've whittled down my project to the following code. If you change the pagesize of the radgrid in this example, the ItemDataBound event will be called each time an item is databound. In my example, I change the HeaderText to the count field, and then I change the first data row's cell to a different color

But only the data item shows the color change. The header item doesn't show any change until the next time I change the page size from the browser, and then it's back at zero where it should have been the first time I changed the page size. In fact, it's always one behind. Why would there be a difference in behavior like this? Is this how it's supposed to work and if so what is the benefit here?

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

<!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>

<telerik:RadStyleSheetManager id="RadStyleSheetManager1" runat="server" />

</head>

<body>

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

<asp:ScriptManager ID="ScriptManager1" runat="server">

<Scripts>

<%--Needed for JavaScript IntelliSense in VS2010--%>

<%--For VS2008 replace RadScriptManager with ScriptManager--%>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />

</Scripts>

</asp:ScriptManager>

<script type="text/javascript">

//Put your JavaScript code here.

</script>

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadGrid1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGrid1" />

<telerik:AjaxUpdatedControl ControlID="RadButton1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadButton1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGrid1" />

<telerik:AjaxUpdatedControl ControlID="RadButton1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<div>

<telerik:RadGrid ID="RadGrid1" runat="server" CellSpacing="0" GridLines="None" GroupingEnabled="False"

ShowStatusBar="True" Skin="Windows7" OnNeedDataSource="RadGrid1_NeedDataSource" AllowSorting="True" AllowCustomPaging="True"

AllowPaging="True" OnItemDataBound="RadGrid1ControlItemDataBound" PageSize="20" >

<HeaderContextMenu />

<PagerStyle Mode="NextPrevAndNumeric" AlwaysVisible="True" PageButtonCount="6" ShowPagerText="False" />

<ExportSettings HideStructureColumns="true" ExportOnlyData="true" IgnorePaging="true"

FileName="FlashSalesExport" OpenInNewWindow="True" />

<MasterTableView AllowCustomSorting="True" CommandItemDisplay="Top">

<CommandItemSettings ShowExportToCsvButton="true" ShowRefreshButton="False" ShowAddNewRecordButton="False" />

<PagerStyle PageButtonCount="6" Position="Bottom" Wrap="True" AlwaysVisible="True"

ShowPagerText="False" />

<HeaderStyle HorizontalAlign="Center" />

</MasterTableView>

<FilterMenu EnableImageSprites="False" />

<EditItemStyle Font-Bold="True" />

</telerik:RadGrid>

</div>

<telerik:RadButton ID="RadButton1" runat="server"

Text="RadButton">

</telerik:RadButton>

</form>

</body>

</html>

using System;

using Telerik.Web.UI;

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

{

protected void RadGrid1_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)

{

RadGrid1.DataSource = new string[]

{

Guid.NewGuid().ToString(), Guid.NewGuid().ToString(), Guid.NewGuid().ToString(),

};

}

private int Count

{

get

{

if (Session["Count"] == null)

Session["Count"] = 0;

else

Session["Count"] = (int)Session["Count"] + 1;

return (int)Session["Count"];

}

protected void RadGrid1ControlItemDataBound(object sender, GridItemEventArgs e)

{

if (e.Item is GridHeaderItem)

{

GridHeaderItem item = e.Item as GridHeaderItem;

if (item.OwnerTableView.AutoGeneratedColumns.Length > 0)

{

item.OwnerTableView.AutoGeneratedColumns[0].HeaderText = Count.ToString();

}

else if (e.Item is GridDataItem)

{

if (rowcount++ == 0)

e.Item.Cells[2].ForeColor = System.Drawing.Color.Red;

}

int rowcount = 0;

}

A second question is how would I get the RadButton to induce a rebind of the RadGrid? I could put code to do that in the Page_Load event but only on a postback, but then I get multiple postbacks and a lot of extra work that I don't need. The button is set to update the grid (and itself) but unless I implement the page_load, I'm not going to get anything.

Any help would be appreciated.

Grid

answered on 17 Apr 2012