Questions on UI for ASP.NET AJAX Forum

1 answer

214 views

hi,

I am able to Check Nodes From Server Side but While un Checking That Element I am Getting M is null Exception in Javascript.
Waiting for your Replay.

Thanks,
Santhosh

DropDownTree

answered on 21 Dec 2013

1 answer

129 views

How to set the border style for the selected date in telerik rad scheduler month view?

Hi,

Good Morning to all!!!

I'm newbie for website projects development. So please guide me to do my task successfully.

My Questions is how to set the border style for the selected date of telerik Rad scheduler month view?

If any clarification on my question, please let me know.

Thanks in advance!!!

Sathy Jay

Scheduler

answered on 21 Dec 2013

1 answer

415 views

RadDatePicker: Lost value after postback

Hi

I need help, I have a DatePicker in my web form, I assign the value on the client side and after postback the value is lost.

In try put RadDatePicker inside the update panel and this not fix the problem.

Regards

Ajax

answered on 21 Dec 2013

2 answers

41 views

[Solved] Link is not added when adding a document using Document Manager in Internet Explorer

Hi.

I am using version 2012.3.1308.40 of the Telerik controls. I have an aspx page with a RadEditor control. When I try to add a link to a document using the Document Manager, nothing gets added after I click insert.

This only happens in IE.

The issue doesn't seem to occur always. Adding a link to a document worked correctly a few times when I tried adding the document before adding any other text. It also worked a few times when I highlighted some text and then clicked on the Document Manager. In those cases, it added the <a> tags around the highlighted text correctly. All the other times I tried as well as each time I would try to add a link inside text that was already there, it did not add anything -- neither the text nor the <a> tag.

Any help is appreciated.
Thanks

Editor

answered on 20 Dec 2013

2 answers

112 views

RadChart Low Renderizing

Hello,

We are using the control asp net, radchart .

All generated from the code behind , is fully dynamic control .

The code and data extraction is fast , but when rendering the graph takes between 30 sec and 1 min . With LESS than 200 records. And when you start using will have more than 2000 records

**Sql table columns are plotted.**

**Tooltips necessarily be used.**

The shape that is made is:

tipoReporte = Telerik.Charting.ChartSeriesType.Line;

RadChart1.PlotArea.XAxis.Clear();

RadChart1.PlotArea.XAxis.IsZeroBased = false;

RadChart1.PlotArea.YAxis.AxisMode = Telerik.Charting.ChartYAxisMode.Extended;

RadChart1.PlotArea.XAxis.AutoScale = false;

RadChart1.PlotArea.XAxis.AutoShrink = true;

RadChart1.PlotArea.XAxis.AxisLabel.TextBlock.Text = objRep.ColumnasId[0].Text;

RadChart1.PlotArea.XAxis.AxisLabel.Visible = true;

for (int i = 0; i < dataSource.Tables[0].Rows.Count; i++)

{

RadChart1.PlotArea.XAxis.AddItem(dataSource.Tables[0].Rows[i][0].ToString());

RadChart1.PlotArea.XAxis[i].TextBlock.Text = dataSource.Tables[0].Rows[i][0].ToString();

RadChart1.PlotArea.XAxis[i].Visible = false;

}

RadChart1.PlotArea.XAxis.AxisLabel.Visible = false;

RadChart1.Legend.Visible = false;

//If there are columns to graph.

if (objRep.FuncionesId.Length > 0)

{

#region LineaMaximo

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

chartSeries1.Name = "Maximo";

chartSeries1.Type = tipoReporte;

chartSeries1.YAxisType = Telerik.Charting.ChartYAxisType.Primary;

chartSeries1.Appearance.TextAppearance.Visible = false;

chartSeries1.Appearance.FillStyle.MainColor = System.Drawing.Color.FromName("Black");

int NoPts = dataSource.Tables[0].Rows.Count;

for (int y = 0; y < NoPts; y++)

{

Telerik.Charting.ChartSeriesItem chartItem;

chartItem = new Telerik.Charting.ChartSeriesItem(100);

chartSeries1.AddItem(chartItem);

}

chartSeries1.Appearance.PointMark.Dimensions.Width = 5;

chartSeries1.Appearance.PointMark.Dimensions.Height = 5;

chartSeries1.Appearance.PointMark.Visible = true;

RadChart1.Series.Add(chartSeries1);

#endregion

#region LineaMinimo

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

chartSeries2.Name = "Minimo";

chartSeries2.Type = tipoReporte;

chartSeries2.YAxisType = Telerik.Charting.ChartYAxisType.Primary;

chartSeries2.Appearance.TextAppearance.Visible = false;

chartSeries2.Appearance.FillStyle.MainColor = System.Drawing.Color.FromName("Black");

int NoPts2 = dataSource.Tables[0].Rows.Count;

for (int y = 0; y < NoPts; y++)

{

Telerik.Charting.ChartSeriesItem chartItem;

chartItem = new Telerik.Charting.ChartSeriesItem(-100);

chartSeries2.AddItem(chartItem);

}

chartSeries2.Appearance.PointMark.Dimensions.Width = 5;

chartSeries2.Appearance.PointMark.Dimensions.Height = 5;

chartSeries2.Appearance.PointMark.Visible = true;

RadChart1.Series.Add(chartSeries2);

#endregion

#region LineaNeutral

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

chartSeries3.Name = "Neutral";

chartSeries3.Type = tipoReporte;

chartSeries3.YAxisType = Telerik.Charting.ChartYAxisType.Primary;

chartSeries3.Appearance.TextAppearance.Visible = false;

chartSeries3.Appearance.FillStyle.MainColor = System.Drawing.Color.FromName("Black");

int NoPts3 = dataSource.Tables[0].Rows.Count;

for (int y = 0; y < NoPts; y++)

{

Telerik.Charting.ChartSeriesItem chartItem;

chartItem = new Telerik.Charting.ChartSeriesItem(0);

chartSeries3.AddItem(chartItem);

}

chartSeries3.Appearance.PointMark.Dimensions.Width = 5;

chartSeries3.Appearance.PointMark.Dimensions.Height = 5;

chartSeries3.Appearance.PointMark.FillStyle.FillSettings.HatchStyle = System.Drawing.Drawing2D.HatchStyle.DashedHorizontal;

chartSeries3.Appearance.PointMark.Visible = true;

RadChart1.Series.Add(chartSeries3);

#endregion

}

RadChart1.PlotArea.XAxis.DataLabelsColumn = objRep.ColumnasId[0].Text;

for (int i = 0; i < objRep.FuncionesId.Length; i++)

{

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

chartSeries.Name = objRep.FuncionesId[i].Text;

chartSeries.Type = tipoReporte;

chartSeries.YAxisType = Telerik.Charting.ChartYAxisType.Primary;

chartSeries.Appearance.TextAppearance.Visible = false;

for (int j = 0; j <= dataSource.Tables[0].Rows.Count - 1; j++)

{

Telerik.Charting.ChartSeriesItem chartItem;

if (dataProrrateo.Tables.Count > 0)

{

decimal valueNull = myFunctions.FormatMoneyNull(dataProrrateo.Tables[0].Rows[j][objRep.FuncionesId[i].Text].ToString());

double value = double.Parse(valueNull.ToString());

chartItem = new Telerik.Charting.ChartSeriesItem(value, value.ToString());

chartItem.ActiveRegion.Tooltip = objRep.FuncionesId[i].Text + ": " + dataSource.Tables[0].Rows[j][objRep.FuncionesId[i].Text].ToString();

chartSeries.AddItem(chartItem);

}

else

{

decimal valueNull = myFunctions.FormatMoneyNull(dataSource.Tables[0].Rows[j][objRep.FuncionesId[i].Text].ToString());

double value = double.Parse(valueNull.ToString());

chartItem = new Telerik.Charting.ChartSeriesItem(value, value.ToString());

chartItem.ActiveRegion.Tooltip = objRep.FuncionesId[i].Text + ": " + dataSource.Tables[0].Rows[j][objRep.FuncionesId[i].Text].ToString();

chartSeries.AddItem(chartItem);

}

chartSeries.Appearance.PointMark.Dimensions.Width = 5;

chartSeries.Appearance.PointMark.Dimensions.Height = 5;

chartSeries.Appearance.PointMark.Visible = true;

RadChart1.Series.Add(chartSeries);

}

RadChart1.PlotArea.YAxis.AxisLabel.TextBlock.Text = " ";

RadChart1.PlotArea.YAxis.AxisLabel.Visible = true;

RadChart1.PlotArea.YAxis.AutoScale = false;

RadChart1.PlotArea.YAxis.MinValue = -120;

RadChart1.PlotArea.YAxis.MaxValue = 120;

RadChart1.PlotArea.YAxis.Step = 20;

RadChart1.PlotArea.XAxis.Appearance.LabelAppearance.Visible = false;

RadChart1.DataBind();

Thanking your attention and support.

Best regards from Mexico!.

Fernando Arreguin.

Chart (Obsolete)

answered on 20 Dec 2013

1 answer

94 views

[Solved] Group Titles

Hi,

Is there any way to display the group name?

Thanks,
ian

TileList

answered on 20 Dec 2013

1 answer

155 views

Loading data performance

Hi all,

I'm using RadHtmlChart (LINE) for displaying data in 3 series.
X-Axis is the timestamp, Y-Axis the value.

The datasource is a dataTable containing all the data for the chart. One column for the timestamp, 3 colonnes for the 3 series values.

The user can choose the datetime range for the values, and depending of the selection, the loading of the chart can be very long.

For example, for loading 800 rows (ie. 2400 points in the chart), it take about 5 sec for rendering the chart. And the user should be able to load 100x more values !

It RadHtmlChart a good component for large amount of data ? What are solutions for optimizing the chart load ? I've tested the query time on the SQL Server, and it's not a problem, It take about 0.5sec for 17600 rows.

Thanks for your help,

Steve Roh

Chart (HTML5)

answered on 20 Dec 2013

2 answers

199 views

RadGrid ToolTip Shows   After Postback

I have a RadGrid control in which I want to display a ToolTip for certain columns which contain information from the same data row in the data table. I'm getting the results I expect on the first load of the RadGrid. However, if I push a button which does a postback and databinds the RadGrid to the new SQL, I only get $nbsp; as the tooltip. I've searched and can not find the answer. Please help.

ASPX (It does become visible in the button push).

<telerik:RadGrid ID="radgrid1" runat="server" Visible="False" MasterTableView-EnableNoRecordsTemplate="true" DataSourceID=""

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

<MasterTableView></MasterTableView>

</telerik:RadGrid>

This is the code within radgrid1_ItemDataBound which does provide the correct results the first rendering of the RadGrid.

If (TypeOf e.Item Is GridDataItem) Then

Dim dataItem As GridDataItem = CType(e.Item, GridDataItem)

dataItem("SSN4").ToolTip = dataItem("SSN").Text

dataItem("Client").ToolTip = dataItem("Description").Text

dataItem("Status").ToolTip = "Change date: " & dataItem("StatusChangeDate").Text

End If

Grid

answered on 20 Dec 2013

6 answers

930 views

[Solved] loading panel not showing up

For some reason, the ajax loading panel is not showing when a partial postback involving my RadListView instance is going on. Here is the top part of my code:

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

<telerik:RadScriptManager ID="scriptManagerExc" 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>

</telerik:RadScriptManager>

<telerik:RadAjaxLoadingPanel ID="alpExc" runat="server" EnableSkinTransparency="true" Skin="Office2007" BackgroundPosition="TopLeft">

</telerik:RadAjaxLoadingPanel>

Here is my radlistview instance:

<telerik:RadListView ID="lvExc" runat="server" ItemPlaceholderID="PlaceHolder1"

AllowMultiFieldSorting="true" AllowPaging="true" Skin="Office2007"

OnNeedDataSource="lvExc_NeedDataSource" onprerender="lvExc_PreRender">

<LayoutTemplate>

<div class="RadListView RadListView_Office2007">

<table cellspacing="0">

<thead>

<tr class="rlvHeader">

<th style="text-align: center;width:190px;">

Portfolio

</th>

<th style="text-align: center;width:100px;">

Average Actuals (SM/M)

</th>

<th style="text-align: center;width:100px;">

Average Pgm Plan (SM/M)

</th>

<th style="text-align: center;width:100px;">

Average Grp Plan (SM/M)

</th>

<th style="text-align: center;width:100px;">

Pgm Plan minus Grp Plan (SM/M)

</th>

</tr>

</thead>

<tfoot>

<tr>

<td colspan="5">

<telerik:RadDataPager ID="RadDataPager1" runat="server" PageSize="15" PagedControlID="lvExc" Skin="Office2007">

<Fields>

<telerik:RadDataPagerButtonField FieldType="FirstPrev" />

<telerik:RadDataPagerButtonField FieldType="Numeric" />

<telerik:RadDataPagerButtonField FieldType="NextLast" />

<telerik:RadDataPagerPageSizeField PageSizeText="Page size: " />

<telerik:RadDataPagerTemplatePageField>

<PagerTemplate>

<div style="float: right">

<strong>Items

<asp:Label runat="server" ID="CurrentPageLabel" Text="<%# Container.Owner.StartRowIndex+1%>" />

to

<asp:Label runat="server" ID="TotalPagesLabel" Text=

"<%# Container.Owner.TotalRowCount > (Container.Owner.StartRowIndex+Container.Owner.PageSize) ? Container.Owner.StartRowIndex+Container.Owner.PageSize : Container.Owner.TotalRowCount %>"

/>

of

<asp:Label runat="server" ID="TotalItemsLabel" Text="<%# Container.Owner.TotalRowCount%>" />

<br />

</strong>

</div>

</PagerTemplate>

</telerik:RadDataPagerTemplatePageField>

</Fields>

</telerik:RadDataPager>

</td>

</tr>

</tfoot>

<tbody>

<tr style="background-color: #9AB5DB;">

<td style="padding: 5px 7px 4px; text-align: right;">

Grand Total:

</td>

<td style="text-align: center; padding: 5px 7px 4px;">

<asp:Label ID="lblTotAvgAct" runat="server" />

</td>

<td style="text-align: center; padding: 5px 7px 4px;">

<asp:Label ID="lblTotAvgPgm" runat="server" />

</td>

<td style="text-align: center; padding: 5px 7px 4px;">

<asp:Label ID="lblTotAvgGrp" runat="server" />

</td>

<td style="text-align: center; padding: 5px 7px 4px;">

<asp:Label ID="lblTotAvgPgmGrp" runat="server" />

</td>

</tr>

<tr id="PlaceHolder1" runat="server">

</tr>

</tbody>

</table>

</div>

</LayoutTemplate>

<ItemTemplate>

<tr class="rlvI">

<td style="width:190px;text-align: left;">

<asp:HyperLink ID="HyperLink1" NavigateUrl='<%# CreateHyperlink(Eval("PORTFOLIO").ToString()) %>' runat="server" Text='<%# Eval("PORTFOLIO").ToString() %>'></asp:HyperLink>

</td>

<td style="width:100px;text-align: center;">

<asp:Label ID="AvgActualsLabel" runat="server" Text='<%# Eval("AvgActuals") %>' />

</td>

<td style="width:100px;text-align: center;">

<asp:Label ID="ProgramPlanLabel" runat="server" Text='<%# Eval("ProgramPlan") %>' />

</td>

<td style="width:100px;text-align: center;">

<asp:Label ID="GroupPlanLabel" runat="server" Text='<%# Eval("GroupPlan") %>' />

</td>

<td style="width:100px;text-align: center;">

<asp:Label ID="lblPgmGrpVariance" runat="server" Text='<%# Eval("PgmVsGrp") %>' />

</td>

</tr>

</ItemTemplate>

<AlternatingItemTemplate>

<tr class="rlvA">

<td style="width:190px;text-align: left;">

<asp:HyperLink ID="HyperLink1" NavigateUrl='<%# CreateHyperlink(Eval("PORTFOLIO").ToString()) %>' runat="server" Text='<%# Eval("PORTFOLIO").ToString() %>'></asp:HyperLink>

</td>

<td style="width:100px;text-align: center;">

<asp:Label ID="AvgActualsLabel" runat="server" Text='<%# Eval("AvgActuals") %>' />

</td>

<td style="width:100px;text-align: center;">

<asp:Label ID="ProgramPlanLabel" runat="server" Text='<%# Eval("ProgramPlan") %>' />

</td>

<td style="width:100px;text-align: center;">

<asp:Label ID="GroupPlanLabel" runat="server" Text='<%# Eval("GroupPlan") %>' />

</td>

<td style="width:100px;text-align: center;">

<asp:Label ID="lblPgmGrpVariance" runat="server" Text='<%# Eval("PgmVsGrp") %>' />

</td>

</tr>

</AlternatingItemTemplate>

<EmptyDataTemplate>

<div id="noRecordsMsg">

<asp:Literal ID="litMsg" runat="server"></asp:Literal>

</div>

</EmptyDataTemplate>

</telerik:RadListView>

And here is my RadAjaxManager instance:

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="btnFilterData">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="lvExc" LoadingPanelID="alpExc" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="btnForceRefresh">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="lvExc" LoadingPanelID="alpExc" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="lvExc">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="lvExc" LoadingPanelID="alpExc" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

Here are the 2 buttons referenced above:

<div id="submitButton">

<asp:Button ID="btnFilterData" runat="server" Text="Filter Data" Font-Names="Tahoma, Arial, Helvetica, Sans-Serif" Font-Size="11px"

onclick="btnFilterData_Click" CausesValidation="true" />

</div>

<div id="refreshButton">

<asp:Button ID="btnForceRefresh" runat="server"

Text="Refresh Data"

Font-Names="Tahoma, Arial, Helvetica, Sans-Serif" Font-Size="11px"

CausesValidation="false" onclick="btnForceRefresh_Click" />

</div>

In my code behind, I use the entity framework to pull the data from a stored procedure (thru data context) and then I take the results of the query, build a list of objects and bind them to the listview.

When the btnFilterData or btnForceRefresh buttons are clicked or when I page the listview, I expect that the loading image would show over top of the listview, but that's not happening. Any ideas why?

ListView

answered on 20 Dec 2013

5 answers

191 views

Custom Crop browser issue

Hi,

im trying to use Custom (external) Crop to have fixed crop dimensions (256 x 256) at dialog load. I have the two following issues (im using Q3 2012 btw):

1-In Chrome (Version 31.0.1650.63 m), if only my website in deployed on the server (in localhost, no problem), the dimension always falls to 258 x 258. I tried all these browsers (deployed and local) and they all have the same behavior than Chrome local (good): IE8,IE11,FF,Opera,Safari Ive checked the code from ImageEditorDialogs\Crop.ascx and the difference I see here might give us hints:

 <asp:Label ID="Label1" Text='<%$ appSettings:ImageResizeWidth %>' runat="server" style="display: none;" />

 <asp:Label ID="Label2" Text='<%$ appSettings:ImageResizeHeight %>' runat="server" style="display: none;" />



initialize:

function () {

$IE.Crop.callBaseMethod(this, "initialize");

this._xTxt = this._getControlFromParent("txtX");

this._yTxt = this._getControlFromParent("txtY");

this._widthTxt = this._getControlFromParent("txtWidth");

this._heightTxt = this._getControlFromParent("txtHeight");

this._presetDD = this._findControlFromParent("rieAspectRatio");

this._cropBtn = this._findControlFromParent("btnApply");

this._cancelBtn = this._findControlFromParent("btnCancel");

this._constraintBtn = this._findControlFromParent("btnConstraint");

this._swapBtn = this._findControlFromParent("btnSwap");

this._sizeRatio = null;

this._zoomLevel = this._getImageZoomLevel();

this._createCropBox();

this._updateControlsFromCropBox();

this._constraintBtnClick(this._constraintBtn);

this._attachHandlers(true);

this.get_imageEditor().get_formDecorator().decorate($get(this.get_parentId() + "Table"));

this.set_width(this._getControlFromParent("Label1").innerText); //where the size fixing is called

this.set_height(this._getControlFromParent("Label2").innerText); //where the size fixing is called

},

.

set_width: function (value) {

var imageSize = this.get_imageSize();

var bounds = this._cropBox.getBounds();

alert(bounds.x); //returns in Chrome deployed -0.000002741..... all other returns 0

alert(imageSize.width); //returns in Chrome deployed 257..... all other returns 256

value = this._restrictValue(value, 0, imageSize.width - bounds.x);

alert(imageSize.height); //returns in Chrome deployed 257..... all other returns 256

alert(bounds.y); //returns in Chrome deployed -0.000002741..... all other returns 0

value = this._applyWidthConstraintRatio(value, imageSize.height - bounds.y);

this.set_inputValue(this._widthTxt, value);

}

2-In FF 26.0, this._getControlFromParent("Label1"

).innerText and this._getControlFromParent("Label2").innerText from code above returns "undefined" instead of 256 like all other browsers mentioned.



Please help



TIA

ImageEditor

answered on 20 Dec 2013