Progress® Telerik® UI for ASP.NET AJAX Feedback Portal

Need More Info

Last Updated: 15 Mar 2023 09:20 by ADMIN

'Month' control on 'Calendar' popup, 'Click to book' and Header controls are not accessible using keyboard.

Created by: eDAD

Comments: 3

Category: Calendar

Type: Bug Report

'Month' control on 'Calendar' popup, 'Click to book' and Header controls are not accessible using keyboard.

Test Environment:

OS: Windows_11

Version: 21H2

OS Build: 22000.795

Browser: Version 103.0.1264.71 (Official Build) (64-bit)

URL: https://agentcalendardevone.azurewebsites.net/SMBEntryForm.aspx?trg=testteam&campaign=Microsoft%20Internal%20Test%20Camapign

Repro Steps:

'Month' control on 'Calendar' popup not accessible using keyboard.

1. Open URL: SMB Scheduler (agentcalendardevone.azurewebsites.net) page in Edge Browser.

2. Provide valid 'Email address' in text field and activate 'Book New Appointment'.

3. Select 'Appointment' tab in header.

4. Navigate and activate 'Calendar' icon where popup opens.

5. Try to navigate and activate 'Month' control.

6. Observe an issue that 'Month' control on 'Calendar' popup is not accessible using keyboard.

'Click to book' and header controls are not accessible using keyboard.

1. Open URL: SMB Scheduler (agentcalendardevone.azurewebsites.net) page in Edge Browser.

2. Provide valid 'Email address' in text field and activate 'Book New Appointment'.

3. Select any 'Time Zone' in dropdown and click 'View Available appointments' button.

4. Navigate to the table content.

5. Observe the issue that the controls in the table such as ("<", ">", "Today", calendar widget, "Week", "Click to the book") does not receive keyboard focus.

Actual Behavior:

'Month' Control on 'Calendar' popup is not accessible using keyboard.

Expected Behavior:

Control(s) must be accessible to Bluetooth keyboards and other assistive technology. Common causes of this problem include a) the element does not have a proper role assigned, b) the element needs tab-index="0" attribute to be focusable, or c) the component is not registering key presses.

Completed

Last Updated: 09 Mar 2023 14:50 by ADMIN

Release R2.2023-Increment.1(15.Mar.2023)

The Prev and FastPrev images are incorrectly positioned in the center of the Calendar titlebar

Created by: Aron Calder

Comments: 1

Category: Calendar

Type: Bug Report

The Prev and FastPrev images are incorrectly positioned in the center of the Calendar titlebar

When the FastNavigationPrevImage and NavigationPrevImage properties are set the font-icon based buttons are replaced with image buttons. However, the Prev and FastPrev-related images are missing the required float: left CSS setting and are rendered in the center of the calendar title bar.

Completed

Last Updated: 24 Jun 2022 13:26 by ADMIN

ADMIN

WCAG 2.0 AA Accessibility issue with Success Criteria 1.3.1 Info and Relationships (A)

Created by: Rumen

Comments: 2

Category: Calendar

Type: Bug Report

WCAG 2.0 AA Accessibility issue with Success Criteria 1.3.1 Info and Relationships (A)

RadCalendar and RadDatePicker cannot pass the following check by https://achecker.ca/checker/index.php

WCAG 2.0 guideline
Section

1.3 Adaptable: Create content that can be presented in different ways (for example simpler layout) without losing information or structure.
Success Criteria 1.3.1 Info and Relationships (A) 

Check 245: Data table with more than one row/column of headers does not use id and headers attributes to identify cells.

Repair: Add id and headers attributes to table cells so they identify the cells that relate to the headers.

Error Line 597, Column 8:
<table id="ctl00_ContentPlaceholder1_RadDatePicker1_calendar_Top" class="rcMainTable" summary="Table …

Steps to reproduce

Go to https://achecker.ca/checker/index.php

Paste https://demos.telerik.com/aspnet-ajax/datepicker/accessibilityandinternationalization/wcag2.0andsection508accessibility/defaultcs.aspx
or 
https://demos.telerik.com/aspnet-ajax/calendar/accessibility-and-internationalization/wcag-2.0-and-section-508-accessibility/defaultcs.aspx

See the results -> 

Check 245: Data table with more than one row/column of headers does not use id and headers attributes to identify cells.
Repair: Add id and headers attributes to table cells so they identify the cells that relate to the headers.
Error Line 568, Column 8:
<table id="ctl00_ContentPlaceholder1_RadDatePicker1_calendar_Top" class="rcMainTable" summary="Table ...


=======================================

WORKAROUND:

$telerik.$("table.rcMainTable tbody th").each(function (idx, el) {
    var thId = $telerik.$(el).attr("id");
    $telerik.$(el).siblings("td").attr("header", thId);
})

Declined

Last Updated: 21 Jun 2022 21:36 by ADMIN

ADMIN

Improve: Include a property for setting the tooltips of the column headers of the RadCalendar.

Created by: Angel Petrov

Comments: 1

Category: Calendar

Type: Feature Request

Improve: Include a property for setting the tooltips of the column headers of the RadCalendar.

Completed

Last Updated: 20 May 2022 09:49 by ADMIN

Release R1 2022

Javascript error in R3 2021 SP1 caused by DatePicker with Classic render mode and EnableKeyboardNavigation=true

Created by: Ryan

Comments: 2

Category: Calendar

Type: Feature Request

Javascript error in R3 2021 SP1 caused by DatePicker with Classic render mode and EnableKeyboardNavigation=true

Error message:

Uncaught TypeError: Cannot read properties of undefined (reading '_events')
at Sys.UI.DomEvent.addHandler (Telerik.Web.UI.WebResource.axd:6:57366)
at Telerik.Web.UI.RadCalendar.initialize (Telerik.Web.UI.WebResource.axd:4916:8)
at Telerik.Web.UI.RadCalendar.endUpdate (Telerik.Web.UI.WebResource.axd:6:53689)
at Sys.Component.create (Telerik.Web.UI.WebResource.axd:6:55151)
at Array.<anonymous> (Default.aspx:130:5)
at Telerik.Web.UI.WebResource.axd:6:51370
at Sys._Application._raiseInit (Telerik.Web.UI.WebResource.axd:6:72276)
at Sys._Application.initialize (Telerik.Web.UI.WebResource.axd:6:69772)
at b (Telerik.Web.UI.WebResource.axd:6:71512)
at HTMLDocument.a (Telerik.Web.UI.WebResource.axd:6:71786)

Possible workarounds from Admin:

1) Use Lightweight render mode instead of Classic: https://docs.telerik.com/devtools/aspnet-ajax/controls/render-modes#setting-render-mode

2) Disable temporarily the keyboard navigation of the control

3) Use the attached script and load it on the page:

3.1) Using a RadScriptManager (adjust the file name and path to fit your application)

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">
    <Scripts>
        <telerik:RadScriptReference Path="fix.js" OutputPosition="End" />
    </Scripts>
</telerik:RadScriptManager>

3.2) In an inline script tag somewhere AFTER the ScriptManager(e.g. at the end of the <form> or <body> tag)

3.3) As a script reference - place it AFTER the script manager as 3.2) or use the defer="defer" attribute

<script defer="defer" src="fix.js"></script>

4) Submit a support ticket if you would prefer a custom Telerik.Web.UI.dll assembly with the issue resolved.

Declined

Last Updated: 13 May 2022 15:13 by ADMIN

ADMIN

ADD: Provide a feature that enables the RadMonthYearPicker to have no focused month and year initially

Created by: Viktor Tachev

Comments: 1

Category: Calendar

Type: Feature Request

ADD: Provide a feature that enables the RadMonthYearPicker to have no focused month and year initially

Declined

Last Updated: 21 Apr 2022 11:52 by ADMIN

radtimepicker rendering without popup interface

Created by: Sanjay Gupta

Comments: 1

Category: Calendar

Type: Feature Request

radtimepicker rendering without popup interface

Unplanned

Last Updated: 02 Nov 2021 07:58 by ADMIN

The month view columns are not properly aligned when the ShowOtherMonthsDays="False"

Created by: David Pike

Comments: 1

Category: Calendar

Type: Bug Report

The month view columns are not properly aligned when the ShowOtherMonthsDays="False"

When MultiViewColumns > 2 the the month views of the Calendar are not aligned properly. The problem occurs if the week count in the months is different and the ShowOtherMonthsDays property is set to false.

Video: https://www.screencast.com/t/LEf6jhzDAzA

Temporary workaround: Set the ShowOtherMonthsDays="True" property of RadCalendar.

Code to reproduce:

<telerik:RadCalendar ID="cal1" runat="server" Skin="Outlook"

MultiViewColumns="3" ShowOtherMonthsDays="False" AutoPostBack="True" RenderMode="Lightweight">

</telerik:RadCalendar>

Completed

Last Updated: 10 Sep 2021 11:13 by ADMIN

Release R3 2021

Radcalendar accesskey property is not implemented

Created by: carlag

Comments: 2

Category: Calendar

Type: Feature Request

Radcalendar accesskey property is not implemented

The RadCalendar AccessKey property does not move focus to the RadCalendar control.
For example, set the AccessKey="K" for the RadCalendar.  

<telerik:RadCalendar ID="RadCalendar1" RenderMode="Lightweight" AutoPostBack="true" AccessKey="K"
         EnableKeyboardNavigation="true" EnableAriaSupport="true" EnableMultiSelect="true" runat="server"></telerik:RadCalendar>

However, focused is not moved to the Calendar with the AccessKey using ALT + Shift + key or ALT + key depending on the web browser. Please implement AccessKey for RadCalendar.

Thank You,
Carla

Completed

Last Updated: 13 Aug 2021 12:33 by ADMIN

Release R2 2019

ADMIN

RadMonthYearPicker is missing from the SkinManager's TargetControls collection

Created by: Vessy

Comments: 0

Category: Calendar

Type: Bug Report

RadMonthYearPicker is missing from the SkinManager's TargetControls collection

RadMonthYearPicker is missing form the SkinManager's ControlTypeToApplyskin collection

Declined

Last Updated: 11 Jun 2021 13:55 by ADMIN

DateTimePicker

Created by: Gary

Comments: 1

Category: Calendar

Type: Feature Request

DateTimePicker

The Time Picker can be changed to present a more granular selection by changing the Interval setting; doing so however uses consumes  considerable screen real-estate. To allow for a compact selection area with a higher range of selections I suggest adding adjustment buttons to the Time Picker title bar that adjust the displayed time up or down by 15 and 5 minute intervals. See attached PDF for example.

Completed

Last Updated: 09 Jun 2021 16:30 by ADMIN

RadDatePicker Control Rendering Issue (Telerik AJAX Version 2016.3.1027)

Created by: Smit

Comments: 2

Category: Calendar

Type: Bug Report

RadDatePicker Control Rendering Issue (Telerik AJAX Version 2016.3.1027)

As I'm using RadDatePicker in my Grid,

In RadGrid for the first time, the image beside the calendar control renders as expected.

As soon as I enter into "InLine" edit mode there would be 2 images rendered beside the control.

And after clicking on cancel there is no change in the image beside the control.

Also attached the screenshot for the same.

Unplanned

Last Updated: 26 May 2021 20:06 by ADMIN

expose new date selected in calendar with multiselect

Created by: Lane

Comments: 0

Category: Calendar

Type: Feature Request

expose new date selected in calendar with multiselect

When handling the SelectionChanged event on a Calendar with EnableMultiSelect="true", there is no way to determine the new selected date(s). The SelectedDatesEventArgs exposes the entire range of selected dates, but it does not tell which of those dates were previously selected. Add a property to the event args that would expose this.

OR

Add an attribute to the RadCalendar when EnableMultiSelect="true" to "DeselectWhenSelectingNewDates." If this is set to true, any date selection on the calendar would deselect any previously selected dates.

Completed

Last Updated: 24 Feb 2021 14:07 by ADMIN

Enable the ItemStyle property of radCalendar SpecialDays when we created those in code behind

Created by: Imported User

Comments: 1

Category: Calendar

Type: Feature Request

Enable the ItemStyle property of radCalendar SpecialDays when we created those in code behind

When we create special days for radCalendar in code behind, we are notre able to set the ItemStyle property because it is readonly.

This property should be opened for assignment like we are able to do so when we create SpecialDays in the html script.

Thank you,

Alain

Completed

Last Updated: 17 Dec 2020 18:54 by ADMIN

Javascript error after ajax postback on RadDatePicker with SharedCalendar

Created by: Satish

Comments: 1

Category: Calendar

Type: Bug Report

Javascript error after ajax postback on RadDatePicker with SharedCalendar

Put more than two RadDatePicker with single SharedCalendar on page. some RadDatePicker are in side of UpdatePanel with a button in it. when I press that button RadDatePicker behaviour is strange. 
RadDatePicker inside UpdatePanel not opening Calendar popup while RadDatePicker outside UpdatePanel opens calendar popup but gives javascript error on any date selection. the javascript error is "Unable to get property '_selectedDates' of undefined or null reference".
It looks like it is destroying shared calendar object on partial postback.
Please find below sample code to replicate the issue. after clicking "Submit" button, it doesn't open calendar popup for "Date 2" and for "Date 1" it opens but doesn't allow to select date and gives JavaScript error.

----------------------
<asp:ScriptManager ID="sc1" runat="server" />
<telerik:RadCalendar ID="dtCal" runat="server" EnableMultiSelect="false" />
Date 1:
<telerik:RadDatePicker ID="dt1" Width="103px" runat="server" SharedCalendarID="dtCal" />
<hr />
<asp:UpdatePanel runat="server" ID="up">
	<ContentTemplate>
		Date 2:
		<telerik:RadDatePicker ID="dt2" Width="103px" runat="server" SharedCalendarID="dtCal" />
		<br />
		<asp:Button runat="server" ID="btnDT" Text="Submit" />
	</ContentTemplate>
</asp:UpdatePanel>
----------------------

When i add all controls in UpdatePanel it works properly. but Actual code is much more complex than above sample with too many lines of javascript code and many date pickers on single page and simply all Calendar and DatePicker controls can not be moved in UpdatePanel.

Completed

Last Updated: 08 Dec 2020 10:13 by ADMIN

Add a clear button on the radMonthYearPicker, to allow the control to be cleared without having to backspace over the value.

Created by: Imported User

Comments: 1

Category: Calendar

Type: Feature Request

Add a clear button on the radMonthYearPicker, to allow the control to be cleared without having to backspace over the value.

Completed

Last Updated: 04 Nov 2020 09:37 by ADMIN

out of range date styling

Created by: CCG

Comments: 1

Category: Calendar

Type: Bug Report

out of range date styling

When using min/max date the invalid dates have almost identical styling as the valid ones, this makes it hard for the user to see what dates are valid.

It would be nice of there was some way of telling them apart except by hovering over them.

Also when using "metro theme" the invalid date overrides the styling for dates belonging to "other month".

Unplanned