Hi,

We are getting the below error in radG and telRad calender etc.. properties are not working properly in visual studio 2019 4.5 .Net Framework and Telerik.Web.UI 2009.1.402.20 dll is used, when I click any link in grid then just loading not giving result, can anyone please help?

http://localhost:63648/WebResource.axd?d=voFyyN8dvBwW_B2Y7FVU-0v-b8hCvMFUuGTx5hVDM1rqxAp8wKgXAToLnmNbdlnxHBOLUkaqq_U_0pO0VsUG_T9IfSlUf_r5ftxqNxAthfXE57hZKdbPO85ezSDbr-LVBJ3Hg7mSvgJ8LozjsG3Ou4TJxZZrJc_U7ARWEn03vti-x_XufTEaKLkSIM7ML4ny0&t=638687597346095926

Uncaught Error: Unexpected ajax response was received from the server.
This may be caused by one of the following reasons:

 - Server.Transfer.
 - Custom http handler.
- Incorrect loading of an "Ajaxified" user control.

Verify that you don't get a server-side exception or any other undesired behavior, by setting the EnableAJAX property to false.
    at _1.CheckContentType (WebResource.axd?d=voFyyN8dvBwW_B2Y7FVU-0v-b8hCvMFUuGTx5hVDM1rqxAp8wKgXAToLnmNbdlnxHBOLUkaqq_U_0pO0VsUG_T9IfSlUf_r5ftxqNxAthfXE57hZKdbPO85ezSDbr-LVBJ3Hg7mSvgJ8LozjsG3Ou4TJxZZrJc_U7ARWEn03vti-x_XufTEaKLkSIM7ML4ny0&t=638687597346095926:1521:7)
    at _1.HandleAsyncRequestResponse (WebResource.axd?d=voFyyN8dvBwW_B2Y7FVU-0v-b8hCvMFUuGTx5hVDM1rqxAp8wKgXAToLnmNbdlnxHBOLUkaqq_U_0pO0VsUG_T9IfSlUf_r5ftxqNxAthfXE57hZKdbPO85ezSDbr-LVBJ3Hg7mSvgJ8LozjsG3Ou4TJxZZrJc_U7ARWEn03vti-x_XufTEaKLkSIM7ML4ny0&t=638687597346095926:1316:8)
    at _49.onreadystatechange (WebResource.axd?d=voFyyN8dvBwW_B2Y7FVU-0v-b8hCvMFUuGTx5hVDM1rqxAp8wKgXAToLnmNbdlnxHBOLUkaqq_U_0pO0VsUG_T9IfSlUf_r5ftxqNxAthfXE57hZKdbPO85ezSDbr-LVBJ3Hg7mSvgJ8LozjsG3Ou4TJxZZrJc_U7ARWEn03vti-x_XufTEaKLkSIM7ML4ny0&t=638687597346095926:404:4)

I am using a function that updates the style of the input controls on a webform.

<script>
$(function () {
if (typeof ValidatorUpdateDisplay != 'undefined') {
var originalValidatorUpdateDisplay = ValidatorUpdateDisplay;
ValidatorUpdateDisplay = function (val) {
if (!val.isvalid) {
$("#" + val.controltovalidate).css("border", "1px solid #C00");
}
else {
$("#" + val.controltovalidate).css("border", "0px solid #777");
}
originalValidatorUpdateDisplay(val);
}
}
});
</script>

<telerik:RadDatePicker ID="rdpServiceDateFrom" runat="server" MinDate="1/1/1900" MaxDate='<%# Now() %>' Width="100px" >
<Calendar ID="Calendar9" runat="server" ShowRowHeaders="false">
<SpecialDays>
<telerik:RadCalendarDay Repeatable="Today" ItemStyle-BackColor="#DDEEFF" />
</SpecialDays>
</Calendar><DateInput CssClass="requiredField" DateFormat="MM/dd/yy" Width="1"></DateInput>
</telerik:RadDatePicker>
<asp:RequiredFieldValidator ID="rfvrdpServiceDateFrom" runat="server" ControlToValidate="rdpServiceDateFrom" ErrorMessage="Service Date is required" ValidationGroup="ValidationGroupGetAProcedure" Display="None" />

All works well with other controls on the form (RadTextBox, RadDropdown, etc), but it cannot set the style on a RadDatePicker
Any ideas on how this can be modified or a workaround?

DatePicker with Multiple Rows and or Multiple columns the Month View Title isn't honored until you navigate to the next or previous set of months and back, then the Month Year is shown.  Or if you click to show the months and select a date, then click to show the dates again, then the Year is shown.

This only seems to be an issue if viewing a single month.  

<telerik:RadDatePicker ID="DatePicker1" runat="server" Calendar-MultiViewColumns="3" Calendar-MultiViewRows="2" ShowPopupOnFocus="true"> </telerik:RadDatePicker>

Also applies if using a shared Calendar.

Workaround in prerender

For Each View In Me.rcCalendar.CalendarView.ChildViews
         CType(View, MonthView).TitleFormat = "MMMM yyyy"
Next View

Version Used: 2024.2.513.462

If I set the background color of dates in a raddatepicker the background color will show when I hover over the date but not before I do.

If I set the render mode to lightweight the background color does show upon the raddatepicker showing.

Does anyone else have this problem?

Here is the control

<telerik:RadDatePicker ID="rdpPickUpDate" runat="server"  >
   <Calendar OnDayRender="Calendar_OnDayRender" ></Calendar>
</telerik:RadDatePicker>

 

Here is the code to set the background color to red for Mondays

        protected void Calendar_OnDayRender(object sender, Telerik.Web.UI.Calendar.DayRenderEventArgs e)
        {
            if (e.Day.Date.DayOfWeek == DayOfWeek.Monday)
            {
                RadCalendarDay calendarDay = new RadCalendarDay();
                calendarDay.Date = e.Day.Date;

                calendarDay.ItemStyle.BackColor = System.Drawing.Color.Red;


                calendarDay.Repeatable = Telerik.Web.UI.Calendar.RecurringEvents.DayAndMonth;

                rdpPickUpDate.Calendar.SpecialDays.Add(calendarDay);
            }
        }

 

Does anyone have any ideas

Is there a css solution to control the position of the Start and End date picker labels?  Right now they are above the date boxes and I would like them to be to the left.  

We currently have a telerik datepicker (and timepicker) displayed inside a bootstrap modal, and while it works (mostly) fine, I've discovered that accessibility keyboard controls (enabled via setting EnableAriaSupport and EnableKeyboardNavigation to True) do not work. The controls work fine in context of a datepicker outside of these modals.

Upon further investigation, it seems as though the telerik process is adding a new div to the dom when we open the datepicker calendar, which presumably is firing some low-level bootstrap event or process that I'm unaware of to force focus back to the modal... and in this case away from the datepicker that's appearing over it.

Does anyone know of a way to prioritize keyboard control focus to remain on the added datepicker calendar that appears instead of reverting back to the top of the modal?

Things I've tried include:

• Setting the modal's data-keyboard and data-focus properties to false (which did nothing except disabling people to press escape to close the modal)
• setting the date-picker's z-index arbitrarily high (despite it already rendering on top of the modal to begin with
• setting some properties for bootstrap-adjacent things in the off chance that they might work (such as Vue.JS). These, predictably, did nothing.
• fiddled with some raw JS events that might have impacted the process. These did not get hit upon loading the datepicker when test breakpoints were added to them
• setting a hidden field on the datepicker's sub-controls with the ID "hasControlOnModal" to True. This was preexisting code from the 2009 version of the datepicker that I'm currently trying to get away from, and doesn't seem to do anything as far as I can tell.
• confirming in VB code that the controls in and out of the modal are built the same way (they run through the same code)
• Tried to catch the calendar opening and manually force focus in JS via the OnPopupOpening event (this doesn't work as the documentation points out this event is just BEFORE the calendar loads into the dom... I need it to be there so I can use jquery's .focus() on it.

It's worth noting that I do not have the option to swap away from the current way we build modals and use a telerik modal at this time.

The datepicker, opened with keyboard controls, as it appears outside the modal (note the black box around the calendar, denoting that the control is in-focus of the keyboard and is usable via arrow key navigation:

The modal with a datepicker attached to it. The focus is on the invisible "title" of the modal, which announces to screen readers that there's a modal open. hitting "tab" here shifts the focus to the "close" button.

Tabbing down to the datepicker works as intended, and upon hitting "enter" on the open calendar button, you're presented with this screen:

Notice that the calendar does not have the focused black box around it, as the focus has shifted back to the top of the bootstrap modal. Keyboard controls do not work. Hitting "tab" from here will once again move the focus to the modal's "close" button. There is no way for me to tab into the calendar control.

 

Good day, I am using Teleik.Web.UI version 2023.1.323.40

I had to add this javascript to the date picker to get the current day to be focused in the calendar- when it is first opened.

I am not sure why this helped, is there a more suitable fix?

                                    datePickerDynCtrl.ClientEvents.OnPopupOpening =
                                        @"function(sender,eventArgs){ " +
                                        "var popup = eventArgs.get_popupControl(); " +
                                        "var todaysDate = new Date(); " +
                                        "popup.selectDate([todaysDate.getFullYear(),'',''], true); }"; 

Hi, I'm having trouble with a control called RadWindow. I show that control inside a normal asp form. The radwindow has a ContentTemplate inside it, and inside that content template I have all the controls of the form. What happens is that when the window is maximized then when you click on a datepicker or a comobox (both from telerik) the drop-down list of the combobox is not displayed nor the calendar of the radCalendar, which could be?

CODE:

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="frmPruebaApariencia.aspx.vb" Inherits="frmPruebaApariencia" %>

<%@ Register Src="~/Controles/CtrUpload.ascx" TagPrefix="uc1" TagName="CtrUpload" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<%@ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" Namespace="System.Web.UI" TagPrefix="asp" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Prueba de consulta de trazabilidad</title>
    <style>
        .RadCalendar_Material .rcSelected2 a {
            background-color: #ffd587;
            color: orange;
        }

        .shadowed-div-header {
            background-color: #f1f1f1;
            box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.3);
        }

        .shadowed-div-body {
            background-color: #f1f1f1;
            box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.3);
            width:auto;
        }

    </style>

    <link href="../css/Mensaje.css" rel="stylesheet" />
    <script src="../script/maestro.js"></script>
    <script src="../script/jquery-1.4.1.js"></script>
    <script src="../script/jquery-1.4.1.min.js"></script>
    <script src="../script/mensaje.js"></script>
    <link href="../css/bootstrap.min.css" rel="stylesheet" />
    <link href="../css/bootstrap-icons-1.9.1/bootstrap-icons.css" rel="stylesheet" />
    <link href="../css/fonts.css" rel="stylesheet" />

    <script language="javascript" type="text/javascript">
        function preventBack() { window.history.forward(); }
        setTimeout("preventBack()", 0);
        window.onunload = function () { null };

        function button_click(objTextBox, objBtnID) {

            if (window.event.keyCode == 13) {
                document.getElementById(objBtnID).focus();
                document.getElementById(objBtnID).click();
            }
        }
    </script>



</head>
<body>
    <form id="form1" runat="server">
        <asp:ScriptManager ID="scriptmanager" runat="server" EnableTheming="True" LoadScriptsBeforeUI="False">
            <Scripts>
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js"></asp:ScriptReference>
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js"></asp:ScriptReference>
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js"></asp:ScriptReference>
            </Scripts>
        </asp:ScriptManager>
        <telerik:RadAjaxManager ID="AjaxManager" runat="server" ClientIDMode="Static" EnableTheming="True" LoadScriptsBeforeUI="False">
            <AjaxSettings>
                <telerik:AjaxSetting AjaxControlID="AjaxManager">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="RadAsyncUpload1" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
            </AjaxSettings>
        </telerik:RadAjaxManager>
        <script type="text/javascript">
            function callBackFn(arg) {
                return true;
            }

            function ChangeToUpperCase(sender, args) {
                var inputElement = sender.get_inputDomElement();
                inputElement.style.textTransform = "uppercase";
            }
        </script>

        <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="True" Skin="Material" Visible="true" />
        <telerik:RadFormDecorator RenderMode="Lightweight" ID="FormDecorator1" runat="server" DecoratedControls="all" DecorationZoneID="decorationZone"></telerik:RadFormDecorator>

        <telerik:RadWindowManager ID="Alerta" runat="server" EnableShadow="True" CssClass="radalert" Behaviors=" Close, Move, Resize, Maximize, Minimize, Reload, Pin">
        </telerik:RadWindowManager>

        <telerik:RadWindow RenderMode="Lightweight" ID="RadWindow1" Title="Prueba" AutoSize="false" VisibleOnPageLoad="true"
            runat="server">

            <ContentTemplate>


                <asp:UpdatePanel ID="upPrincipal" runat="server" UpdateMode="Conditional">
                    <Triggers>
                        <asp:AsyncPostBackTrigger ControlID="btnLimpiarFiltros" />
                    </Triggers>
                    <ContentTemplate>
                        <div id="decorationZone">
                            <div style="margin: 20px;">

                                <div id="Header1" class="shadowed-div-header" style="border-radius: 10px; background-color: #A9B586; padding: 15px; display:none;">
                                    <div style="color: white; font-size: 20px">Prueba de Apariencia</div>
                                </div>

                                <div class="shadowed-div-body" style="margin-top: 20px; border-radius: 10px; background-color: white; width: auto">

                                    <div id="divFiltros" style="padding: 10px;">

                                        <div runat="server" id="divConsulta" visible="true">

                                            <div style="margin-top: 5px"></div>
                                            <div>
                                                <asp:Button ID="btnBuscar" Text="Buscar" runat="server" />
                                                <asp:Button ID="btnLimpiarFiltros" Text="Limpiar filtros" runat="server" />
                                            </div>

                                            <div style="border: none; border-top: 1px solid #CFD8DC; margin-top: 10px; margin-bottom: 10px; margin-left: -10px; margin-right: -10px;"></div>

                                            <div class="row p-1">
                                                <div class="col-12 col-md-2 pr-0" style="font-weight: bold">Filtros</div>
                                            </div>

                                            <div class="row p-1">
                                                <div class="col-12 col-md-2">Rango Requerimiento Desde</div>
                                                <div class="col-12 col-md-4">
                                                    <telerik:RadTextBox runat="server" ID="txtRangoRequerimientoDesde" Text="0" InputType="Number" Width="80px" TabIndex="1" RenderMode="Lightweight"></telerik:RadTextBox>
                                                </div>
                                                <div class="col-12 col-md-2">Rango Requerimiento Hasta</div>
                                                <div class="col-12 col-md-4">
                                                    <telerik:RadTextBox runat="server" ID="txtRangoRequerimientohasta" Text="0" InputType="Number" Width="80px" TabIndex="2" RenderMode="Lightweight"></telerik:RadTextBox>
                                                </div>
                                            </div>

                                            <div class="row p-1" runat="server" id="divFecha" visible="true">
                                                <div class="col-12 col-md-2">Fecha Registro Desde</div>
                                                <div class="col-12 col-md-4">
                                                    <telerik:RadDatePicker ID="dtpFechaDesde" runat="server" Width="150px" ZIndex="10000" Culture="es-DO" TabIndex="1" ToolTip="" DatePopupButton-BackColor="#A9B586" DatePopupButton-ForeColor="black" Calendar-SelectedDayStyle-CssClass="rcSelected2" RenderMode="Lightweight">
                                                        <DateInput ID="DateInput1" runat="server" DateFormat="dd/MM/yyyy" ReadOnly="true"></DateInput>
                                                    </telerik:RadDatePicker>
                                                </div>
                                                <div class="col-12 col-md-2">Fecha Registro Hasta</div>
                                                <div class="col-12 col-md-4">
                                                    <telerik:RadDatePicker ID="dtpFechaHasta" runat="server" Width="150px" ZIndex="10000" Culture="es-DO" TabIndex="2" DatePopupButton-BackColor="#A9B586" DatePopupButton-ForeColor="black" Calendar-SelectedDayStyle-CssClass="rcSelected2" RenderMode="Lightweight">
                                                        <DateInput ID="DateInput2" runat="server" DateFormat="dd/MM/yyyy" ReadOnly="false"></DateInput>
                                                    </telerik:RadDatePicker>
                                                </div>
                                            </div>

                                            <div class="row p-1" runat="server" id="divEmpleado" visible="true">
                                                <div class="col-12 col-md-2 pr-0">Empleado</div>
                                                <div class="col-12 col-md-4">
                                                    <telerik:RadComboBox ID="cmbEmpleado" runat="server" Width="100%" ZIndex="10000" ClientIDMode="Static" RenderMode="Lightweight"
                                                        MaxHeight="200px" TabIndex="3" AllowCustomText="True" Sort="Ascending"
                                                        MarkFirstMatch="true" OnClientKeyPressing="ChangeToUpperCase"
                                                        Filter="Contains" DataValueField="Codigo" DataTextField="Nombre" CssClass="combo-full" AppendDataBoundItems="true">
                                                        <Items>
                                                            <telerik:RadComboBoxItem Text="Todos los empleados" Value="0" Selected="true" />
                                                        </Items>
                                                    </telerik:RadComboBox>
                                                </div>
                                                <div class="col-12 col-md-2 pr-0">Posici&oacute;n</div>
                                                <div class="col-12 col-md-4">
                                                    <telerik:RadComboBox ID="cmbPosicion" runat="server" Width="100%" ZIndex="10000" ClientIDMode="Static" RenderMode="Lightweight"
                                                        MaxHeight="200px" TabIndex="4" AllowCustomText="True" Sort="Ascending"
                                                        MarkFirstMatch="true" OnClientKeyPressing="ChangeToUpperCase"
                                                        Filter="Contains" DataValueField="Codigo" DataTextField="Nombre" CssClass="combo-full" AppendDataBoundItems="true">
                                                        <Items>
                                                            <telerik:RadComboBoxItem Text="Todas las posiciones" Value="0" Selected="true" />
                                                        </Items>
                                                    </telerik:RadComboBox>
                                                </div>
                                            </div>
                                            <div class="row p-1" runat="server" id="div1" visible="true">
                                                <div class="col-12 col-md-2">Estatus</div>
                                                <div class="col-12 col-md-4">
                                                    <telerik:RadComboBox ID="cmbEstatusFiltro" runat="server" ZIndex="10000" Width="100%" ClientIDMode="Static" RenderMode="Lightweight"
                                                        MaxHeight="200px" TabIndex="6" AllowCustomText="True" Sort="Ascending"
                                                        MarkFirstMatch="true" OnClientKeyPressing="ChangeToUpperCase"
                                                        Filter="Contains" DataValueField="Codigo" DataTextField="Nombre" CssClass="combo-full" AppendDataBoundItems="true">
                                                        <Items>
                                                            <telerik:RadComboBoxItem Text="Todos los estatus" Value="0" Selected="true" />
                                                            <telerik:RadComboBoxItem Text="En Trámite" Value="1" Selected="true" />
                                                            <telerik:RadComboBoxItem Text="Aprobado" Value="2" Selected="true" />
                                                            <telerik:RadComboBoxItem Text="Anulado" Value="3" Selected="true" />
                                                            <telerik:RadComboBoxItem Text="Cerrado" Value="4" Selected="true" />
                                                        </Items>
                                                    </telerik:RadComboBox>
                                                </div>
                                            </div>
                                        </div>
                                        <div style="margin-top: 20px;">

                                            <telerik:RadGrid RenderMode="Lightweight" ID="RadGrid1" runat="server" Culture="es-DO" BorderColor="White" MasterTableView-Width="100%" Width="100%"
                                                AllowPaging="True" AllowAutomaticUpdates="True" AllowAutomaticInserts="False" MasterTableView-PagerStyle-PageSizeLabelText="Páginas"
                                                AllowAutomaticDeletes="True" AllowSorting="true" MasterTableView-PagerStyle-NextPageToolTip="Siguiente" MasterTableView-PagerStyle-LastPageToolTip="Ultima pagina"
                                                MasterTableView-PagerStyle-FirstPageToolTip="Primera página" MasterTableView-PagerStyle-PrevPageToolTip="Atras"
                                                FooterStyle-ForeColor="Black" HeaderStyle-ForeColor="Black" ItemStyle-ForeColor="Black" AlternatingItemStyle-ForeColor="Black" ZIndex="10000">
                                                <PagerStyle Mode="NextPrevAndNumeric" />
                                                <MasterTableView AutoGenerateColumns="False"
                                                    DataKeyNames="ID" CommandItemDisplay="None">
                                                    <Columns>
                                                        <telerik:GridButtonColumn CommandName="Edit" Text="Editar" HeaderText="Editar" HeaderStyle-ForeColor="GrayText">
                                                        </telerik:GridButtonColumn>
                                                        <telerik:GridBoundColumn DataField="ID" HeaderText="ID" HeaderStyle-Width="5%" ItemStyle-Width="5%"
                                                            UniqueName="ID" Visible="true" MaxLength="5">
                                                        </telerik:GridBoundColumn>

                                                        <telerik:GridBoundColumn DataField="Fecha" HeaderText="Fecha" DataFormatString="{0:dd-MM-yyyy}" HeaderStyle-Width="13%" ItemStyle-Width="13%"
                                                            UniqueName="Fecha">
                                                        </telerik:GridBoundColumn>

                                                        <telerik:GridBoundColumn DataField="DiasTranscurridos" HeaderText="Días Transcurridos" HeaderStyle-Width="5%" ItemStyle-Width="5%" ItemStyle-HorizontalAlign="Center" HeaderStyle-HorizontalAlign="Center"
                                                            UniqueName="DiasTranscurridos">
                                                        </telerik:GridBoundColumn>

                                                        <telerik:GridBoundColumn DataField="Nombre_Solicitante" HeaderText="Nombre Solicitante" HeaderStyle-Width="18%" ItemStyle-Width="15%"
                                                            UniqueName="Nombre_Solicitante">
                                                        </telerik:GridBoundColumn>

                                                        <telerik:GridBoundColumn DataField="Posicion" HeaderText="Posición" HeaderStyle-Width="15%" ItemStyle-Width="15%"
                                                            UniqueName="Posicion">
                                                        </telerik:GridBoundColumn>

                                                        <telerik:GridBoundColumn DataField="Cantidad" HeaderText="Cantidad" HeaderStyle-Width="5%" ItemStyle-Width="5%"
                                                            UniqueName="Cantidad">
                                                        </telerik:GridBoundColumn>

                                                        <telerik:GridBoundColumn DataField="Compania" HeaderText="Compania" HeaderStyle-Width="17%" ItemStyle-Width="17%"
                                                            UniqueName="Compania">
                                                        </telerik:GridBoundColumn>

                                                        <telerik:GridBoundColumn DataField="Facilidad" HeaderText="Facilidad" HeaderStyle-Width="15%" ItemStyle-Width="15%"
                                                            UniqueName="Facilidad">
                                                        </telerik:GridBoundColumn>

                                                        <telerik:GridBoundColumn DataField="Estatus" HeaderText="Estatus" HeaderStyle-Width="12%" ItemStyle-Width="12%"
                                                            UniqueName="Estatus">
                                                        </telerik:GridBoundColumn>
                                                        <telerik:GridButtonColumn Text="Eliminar" CommandName="Delete" HeaderText="Eliminar" HeaderStyle-ForeColor="GrayText" />
                                                    </Columns>
                                                </MasterTableView>
                                            </telerik:RadGrid>

                                        </div>

                                        <div style="border: none; border-top: 1px solid #CFD8DC; margin-top: 25px; margin-bottom: 10px; margin-left: -10px; margin-right: -10px;"></div>


                                        <div>
                                            <div style="font-weight: bold">Otros controles</div>
                                        </div>
                                        <div>
                                            <div style="margin-bottom: 10px">
                                                <telerik:RadCheckBox runat="server" ID="checkbox1" Text="Todos los registros" TabIndex="1" RenderMode="Lightweight"></telerik:RadCheckBox>
                                            </div>

                                            <div style="margin-bottom: 10px;">
                                                <telerik:RadRadioButtonList runat="server" ID="rbtnEstatusEmpleado" RepeatDirection="Horizontal" RepeatColumns="5" TabIndex="1" Direction="Horizontal">
                                                    <Items>
                                                        <telerik:ButtonListItem Value="0" Text="Todos" Selected="True"></telerik:ButtonListItem>
                                                        <telerik:ButtonListItem Value="A" Text="Activo" Selected="False"></telerik:ButtonListItem>
                                                        <telerik:ButtonListItem Value="B" Text="Inactivo"></telerik:ButtonListItem>
                                                    </Items>
                                                </telerik:RadRadioButtonList>
                                            </div>
                                        </div>

                                        <div>
                                            <telerik:RadSlider RenderMode="Lightweight" ID="RadSlider_Items" runat="server" ItemType="item" Width="400px"
                                                Height="70px" AnimationDuration="400" CssClass="ItemsSlider" ThumbsInteractionMode="Free" Style="margin-top: 10px;">
                                                <Items>
                                                    <telerik:RadSliderItem Text="Jan" Value="1"></telerik:RadSliderItem>
                                                    <telerik:RadSliderItem Text="Feb" Value="2"></telerik:RadSliderItem>
                                                    <telerik:RadSliderItem Text="Mar" Value="3"></telerik:RadSliderItem>
                                                    <telerik:RadSliderItem Text="Apr" Value="4"></telerik:RadSliderItem>
                                                    <telerik:RadSliderItem Text="May" Value="5"></telerik:RadSliderItem>
                                                    <telerik:RadSliderItem Text="Jun" Value="6"></telerik:RadSliderItem>
                                                    <telerik:RadSliderItem Text="Jul" Value="7"></telerik:RadSliderItem>
                                                    <telerik:RadSliderItem Text="Aug" Value="8"></telerik:RadSliderItem>
                                                    <telerik:RadSliderItem Text="Sep" Value="9"></telerik:RadSliderItem>
                                                    <telerik:RadSliderItem Text="Oct" Value="10"></telerik:RadSliderItem>
                                                    <telerik:RadSliderItem Text="Nov" Value="11"></telerik:RadSliderItem>
                                                    <telerik:RadSliderItem Text="Dec" Value="12"></telerik:RadSliderItem>
                                                </Items>
                                            </telerik:RadSlider>
                                            <telerik:RadSlider RenderMode="Lightweight" ID="RadSlider_NoItems" runat="server" Height="70px" Width="400px"
                                                AnimationDuration="400" ThumbsInteractionMode="Free" Value="50" Enabled="true">
                                            </telerik:RadSlider>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </ContentTemplate>
                </asp:UpdatePanel>
                <asp:UpdateProgress ID="UPR2" runat="server" AssociatedUpdatePanelID="upPrincipal" DisplayAfter="500">
                    <ProgressTemplate>
                        <div class="cont-prog">
                            <div class="msg-prog">Procesando...</div>
                        </div>
                        </div>
                    </ProgressTemplate>
                </asp:UpdateProgress>
            </ContentTemplate>
        </telerik:RadWindow>
    </form>
</body>
</html>

Hello,

We have an application that is used by clients from different countries in multiple languages. The date and number formats have to be the same for all clients in a certain country, the language can be selected by the user.

This works well by specifying the Thread.CurrentThread.CurrentCulture for the date and number formats and the Thread.CurrentThread.CurrentUICulture for the culture of the user's language.

When formatting dates, the names of the days and months are taken from the CurrentCulture. To make sure these names match the UICulture, we copy the names from the UICulture to the Culture. This works fine in most situations (for example in the DateTime.Format() function).

The behaviour of the RadDatePicker and RadMonthYearPicker seems a bit off though. In the picker (popup) the day and month names are correctly taken from the culture as we set them. In the input field however, the original day and month names are used. This seems wrong to me. Are we doing something wrong, or is this a bug in how the date pickers use the culture settings?

 

The day and month names of the picker are localized, the input field is not.

 

Thanks for any suggestions,
Cloud9Software.

Dear Telerik Team,

We have purchased Telerik UI for ASP.NET AJAX UI 2010.1519. Now we are facing vulnerable issues as it is using jQuery 1.4.2.

One of the Telerik doc tells that

When Telerik upgraded jQuery version to 3.3.1, it faces incompatibilities with the MS AJAX framework and its __doPostBack() method. Due to which, Telerik downgraded jQuery version Telerik UI for ASP.NET AJAX R1 2019 - present are using a modified jQuery version 1.12.4 that includes security vulnerability backport fixes.

Is there a fix to overcome this issue other than upgrading the Telerik version to 2019 or greater?