Questions on UI for ASP.NET AJAX Forum

1 answer

267 views

How to change the ColumnSeries Name programatically

Since i cannot do the below

<telerik:ColumnSeries Name='<%# Master.GetTranslation("Choice1")%>' DataFieldY="RiskChoice1">

Parser Error Message: Databinding expressions are only supported on objects that have a DataBinding event. Telerik.Web.UI.ColumnSeries does not have a DataBinding event.

I'm wondering how I can do this from the code behind, here's how i'm currently building the Chart

Private Sub DoChart4(ByVal Assessment As List(Of ExtendedRiskAssessment))

Dim myDS As DataSet = GetData(Assessment)

TopRiskFactors.ChartTitle.Text = Master.GetTranslation("ChartRiskFactors").ToString

TopRiskFactors.ChartTitle.Appearance.TextStyle.Bold = True

TopRiskFactors.PlotArea.XAxis.TitleAppearance.TextStyle.Bold = True

TopRiskFactors.PlotArea.YAxis.TitleAppearance.TextStyle.Bold = True

TopRiskFactors.PlotArea.XAxis.TitleAppearance.Text = Master.GetTranslation("RiskFactors").ToString

TopRiskFactors.PlotArea.YAxis.TitleAppearance.Text = Master.GetTranslation("RiskChoices").ToString

TopRiskFactors.DataSource = myDS

TopRiskFactors.DataBind()

'Setting pragmatically the XAxis values

TopRiskFactors.PlotArea.XAxis.DataLabelsField = "Name"

End Sub

Private Function GetData(ByVal Assessment As List(Of ExtendedRiskAssessment)) As DataSet

returnRiskCount(Assessment)

Dim ds As New DataSet("Risk")

Dim dt As New DataTable("RiskFactors")

dt.Columns.Add("Id", Type.[GetType]("System.Int32"))

dt.Columns.Add("Name", Type.[GetType]("System.String"))

dt.Columns.Add("RiskChoice1", Type.[GetType]("System.Int32"))

dt.Columns.Add("RiskChoice2", Type.[GetType]("System.Int32"))

dt.Columns.Add("RiskChoice3", Type.[GetType]("System.Int32"))

dt.Columns.Add("RiskChoice4", Type.[GetType]("System.Int32"))

dt.Columns.Add("RiskChoice5", Type.[GetType]("System.Int32"))

'****

Dim Choices As countRiskChoice = Risk.Item(1)

dt.Rows.Add(1, Master.GetTranslation("AgreementMateriality"

).ToString, returnCount(Choices).Count1, returnCount(Choices).Count2, returnCount(Choices).Count3, returnCount(Choices).Count4, returnCount(Choices).Count5)

'****

'Etc.

Chart (HTML5)

answered on 03 Jun 2013

9 answers

455 views

Unable to get value of the property 'getDataKeyValue': object is null or undefined

Hi,

I am getting following error.
"Unable to get value of the property 'getDataKeyValue': object is null or undefined". I have one grid with CheckBox Column and outside of Grid i have one Button. and when the CheckBox of any row in Grid is selected true and then if i click on the Button outside the grid. I want DataKeyValue of the Grid row. I have follwoing code in Javascript to do.

var grid = $find('<%=((RadGrid) XYZCtrl1.FindControl("GridXYZList")).MasterTableView.ClientID%>');

var dataItem = grid.get_dataItems()[Index];

var keyValues = dataItem.getDataKeyValue("XYZId");

upto second line i am getting objects but in third line i am getting this error
"Unable to get value of the property 'getDataKeyValue': object is null or undefined"
Can anyone tell me please what i am doing wrong here ?

Thanks,
--Jai

Grid

answered on 03 Jun 2013

1 answer

152 views

Upload MaxFileSize issue with Chrome

Hi,
I am using Telerik RadAsynUpload with MaxFileSize Property.

MaxFileSize="10000000" as 10 MB.
Ex: http://www.telerik.com/help/silverlight/radupload-features-file-size-and-count-limitation.html

when i upload a file of 4MB,it shows the Red Mark in the control in Chrome.
But it is working good in Firefox.

Please help me to resolve this.

Thanks in advance.

Regards,
AGMRAJA

Upload (Obsolete)

answered on 03 Jun 2013

1 answer

136 views

CSS from Templates Break Telerik Control Design

Often when we are building an application using a template design, that template has CSS that defines styles at the ELEMENT level.

When we run across these they often "break" the design of some of the telerik controls.

One example would be the SELECT element. We have a template that uses CSS to give it's drop downs a nicer look. But when we start using the Telerik controls that depend on a SELECT element, they don't look correct until we get rid of the CSS from the template (which we don't want to do because that will break the design on the standard SELECT elements for this template).

Has anyone come up with a great way to work around this?

I realize I could add class names to the template's CSS and then include that class name on all the standard SELECT elements in my application, but I'm wondering if anyone has come up with a better or simpler approach that doesn't require modifying the template's CSS.

Thanks!
Kevin

General Discussions

answered on 03 Jun 2013

3 answers

349 views

How to display a loadingPanel in RadWindow

Hi,

I am having some problems with this functionality.
I want to display a loading panel in my radWindow when the button btnGuardar is clicked.

This is my current code, and with this i cannot check if the loading panel appears because my btnGuardar is not working (for some reason is disabled) unless i delete the AjaxUpdatedControl

I have a page that is opened through javascript

var oManager = GetRadWindowManager();

var oWnd = oManager.getWindowByName("genericWindow");

oWnd.setUrl("/Workstatus/PopupSoldadura.aspx?ID=" + escape(idJuntaWorkstatusID) + "&RO=" + escape(readOnly));

Sam.Utilerias.SetSize(oWnd,790, 560);

oWnd.set_modal(true);

oWnd.center();

oWnd.show();

this RadWindow has the next code

<asp:Content ID="Content1" ContentPlaceHolderID="cphHeader" runat="server">

<link rel="Stylesheet" href="/Css/combos.css" type="text/css" media="all" />

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="cphBody" runat="server">

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

<telerik:RadAjaxManagerProxy runat="server" ID="RadAjaxManagerProxy1">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="btnGuardar">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="pnlPopupSoldadura" LoadingPanelID="loadingPanel" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManagerProxy>

<telerik:RadAjaxLoadingPanel ID="loadingPanel" runat="server" Skin="WebBlue"></telerik:RadAjaxLoadingPanel>

<asp:Panel runat="server" ID="pnlPopupSoldadura">

<telerik:RadWindow runat="server" ID="rdwCambiarFechaArmado">

<ContentTemplate>

<div style="margin-left: 30px; margin-top: 10px">

<asp:HiddenField runat="server" ID="hdnCambiaFechas"/>

<div class="divIzquierdo ancho50 boldElements">

<asp:Label ID="lblEncabezadoFechaProcesoAnterior" runat="server" meta:resourcekey="lblEncabezadoFechaProcesoAnterior"/>

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

<p></p>

<div class="separador">

<asp:Label ID="lblNuevaFecha" runat="server" meta:resourcekey="lblNuevaFecha"/>

<br />

<mimo:MappableDatePicker ID="mdpFechaArmado" runat="server" Style="width: 209px" />

</div>

<p></p>

</div>

<div class="divDerecho ancho50 boldElements">

<asp:Label ID="lblEncabezadoFechaReporteProcesoAnterior" runat="server" meta:resourcekey="lblEncabezadoFechaReporteProcesoAnterior"/>

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

<p></p>

<div class="separador">

<asp:Label ID="lblNuevaFechaReporte" runat="server" meta:resourcekey="lblNuevaFechaReporte"/>

<br />

<mimo:MappableDatePicker ID="mdpFechaReporteArmado" runat="server" Style="width: 209px" />

</div>

<p></p>

</div>

<p>

<samweb:BotonProcesando runat="server" ID="btnGuardarPopUp" meta:resourcekey="btnGuardarPopUp" CssClass="boton" OnClick="btnGuardarPopUp_OnClick" ValidationGroup="valGuardar"/>

</p>

</div>

</ContentTemplate>

</telerik:RadWindow>

<div style="width: 750px;">

<div class="headerAzul">

<span class="tituloBlanco">

<asp:Literal runat="server" ID="litTitulo" meta:resourcekey="litTitulo" />

</span>

</div>

<div class="popupSpoolRO" >

<telerik:RadTabStrip runat="server" ID="tab" MultiPageID="mpSoldadura" Orientation="HorizontalBottom" CausesValidation="false" >

<Tabs>

<telerik:RadTab meta:resourcekey="tabInfo" Selected="true" />

<telerik:RadTab meta:resourcekey="tabSoldadorRaiz" />

<telerik:RadTab meta:resourcekey="tabSoldadorRelleno" />

</Tabs>

</telerik:RadTabStrip>

<div class="controles">

<telerik:RadMultiPage runat="server" ID="mpSoldadura">

<telerik:RadPageView ID="pvInfoGeneral" runat="server" Selected="true">

<ctInfo:Info runat="server" ID="ctrlInfo" OnWpsSeleccionado="wpsInfoSeleccionado" OnWpsRellenoSeleccionado="wpsRellenoInfoSeleccionado" OnWpsDiferenteCambio="WpsDiferenteCambio" />

</telerik:RadPageView>

<telerik:RadPageView ID="pvSoldadorRaiz" runat="server">

<ctrl:SoldadorRaiz runat="server" ID="ctrlRaiz" OnProcesoRaizSeleccionado="procesoSeleccionado" OnWpsSeleccionado="wpsSeleccionado" />

</telerik:RadPageView>

<telerik:RadPageView ID="pvSoldadorRelleno" runat="server">

<ctrl:SoldadorRelleno runat="server" ID="ctrlRell" OnProcesoRellenoSeleccionado="procesoRellenoSeleccionado" OnWpsSeleccionado="wpsRellenoSeleccionado" />

</telerik:RadPageView>

</telerik:RadMultiPage>

</div>

<p></p>

</div>

<div class="pestanaBoton" id="divGuardar" runat="server">

<asp:Button runat="server" ID="btnGuardar" meta:resourcekey="btnGuardar" CssClass="boton" />

</div>

<asp:Panel CssClass="cajaNaranja" ID="pnlEspesor" runat="server" Visible="false">

<asp:Label ID="lblEspesorCero" runat="server" meta:resourcekey="lblEspesorCero" CssClass="bold" />

</asp:Panel>

</div>

</asp:Panel>

</asp:Content>

Thanks

Ajax

answered on 03 Jun 2013

5 answers

198 views

Javascript to get an insert item

How do i go about getting the insert row of a rad grid?

Calling the two methods below resulats in a Object doesn't support this property or method Error

$find('TimesheetItemApprovalControl_grdTimesheetItems').get_masterTableView().get_insertItem();
$find('TimesheetItemApprovalControl_grdTimesheetItems').get_masterTableView().get_editItems();

Below is the javascript api that I have been referencing
http://www.telerik.com/help/aspnet-ajax/grid-gridtableview-get-edititems.html
http://www.telerik.com/help/aspnet-ajax/grid-gridtableview-get-insertitem.html

Grid

answered on 03 Jun 2013

3 answers

136 views

Hovering effect for entire row

Hi,

In Timeline view, is it possible to override the default behavior of highlighting a specific time slot when hovering over it?

I would want the entire row to be highlighted instead of the particular timeslot?

Thanks in advance.
Navaneeth

Scheduler

answered on 03 Jun 2013

6 answers

595 views

Radnumerictextbox: enter key and value changed on server side

We've upgraded 2 weeks ago to the new Telerik version and now the clients have noticed a weird behaviour that I can't seem to solve.
I have a repeater and in each row there's a numerictextbox. The user can go to the next line with the tab and enter key.

With the tab key there aren't any problems. When the repeater is saved, the values of the radnumerictextbox match with the input.

When the enter key is used, the user doesn't see any problems. But the moment that the data is saved, the value of the numerictextbox is changed to the maxvalue when there isn't a digital digit in the user's input. E.g. the maxvalue is 10 and the user enters 6 it will be saved as 10 and if the user enters 6.5 then 6.5 will be saved.
When I debug, I notice that LastSetTextBoxValue is the only attribute that has the correct value.

The mark-up of the numerictextbox in the HTML-page in the repeater is as follows:

<telerik:RadNumericTextBox ID="rtbPunten" runat="server" Width="50px" Type="Number"
IncrementSettings-InterceptArrowKeys="false" IncrementSettings-InterceptMouseWheel="false"



MinValue

="0"

DbValue='<%#Container.DataItem("punten")%>' 

ToolTip='<%# "punt " & Container.DataItem("nickname")%>' />

I use the following javascript to check the value of the textbox and validate the keypress..

function HandleError(sender, eventArgs) {

switch (eventArgs.get_reason()) {

case 1: // Parsing error

$find(sender.get_id())._textBoxElement.value = $find(sender.get_id())._textBoxElement.value.replace(",", "") + ",";

eventArgs.set_cancel(true);

break;

case 2: // Out of range

setTimeout(function () {

sender.clear();

}, 10);

document.getElementById(sender.get_id().replace("rtbPunten", "errPunten")).style.display = "";

eventArgs.set_cancel(false);

break;

}

function onKeypress(sender, eventArgs, R) {

document.getElementById(sender.get_id().replace("rtbPunten", "errPunten")).style.display = "none";

var r = eventArgs.get_keyCode();

if (r == 13) {

var s = sender.get_id().split("_R_ctl")[1].replace("_rtbPunten", "");

s = parseFloat(s) + 1;

var n = $find(R + "_ctl" + formatNumber(s, 2) + "_rtbPunten");

if (n) {

setTimeout(function () {

n.focus();

n.selectAllText();

}, 10);

}

In the code-behind the following settings are added:

Dim ptn As RadNumericTextBox = CType(ri.FindControl("rtbPunten"), RadNumericTextBox)

ptn.NumberFormat.DecimalDigits = NumberOfDigits

ptn.MaxValue = maxPoints

ptn.Culture = CultureInfo.GetCultureInfo("nl-BE")

ptn.ClientEvents.OnError = "HandleError"

ptn.ClientEvents.OnKeyPress = "keyPress"

ptn.ClientEvents.OnValueChanged = "puntChanged"

If ptn.Value < CDbl(hdMax.Value) Then ptn.ForeColor = Drawing.Color.Red

Can anybody help me solve this problem?

Input

answered on 03 Jun 2013

1 answer

2.6K+ views

Radupload MaxFileSize

Hi,
I am using RadAsyncUpload control.
In Default, it allows to upload the file which has size less than 4 MB.
I set the property "MaxFileSize" as "10000000"=10MB.

<telerik:RadAsyncUpload ID="uploaddoc" runat="server" MultipleFileSelection="Automatic" MaxFileSize="10000000" ></telerik:RadAsyncUpload>

But it doesnt work in Chrome.
can anyone resolve this please.?
Thanks in advance.

Regards,
AGMRAJA

Upload (Obsolete)

answered on 03 Jun 2013

3 answers

42 views

Need Advance Forms of scheduler with mvc4

Hi

I have searched this link http://demos.telerik.com/aspnet-ajax/scheduler/examples/advancedformtemplate/defaultcs.aspx and i need this kind of advance form demo in mvc 4. Please help me.

Thanks
Gaurav Rana

Scheduler

answered on 03 Jun 2013