Last Updated: 17 Jan 2019 17:19 by ADMIN
RadCalendar and RadDatePicker cannot pass the following check by

WCAG 2.0 guideline

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


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



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

Last Updated: 17 Jan 2019 10:10 by ADMIN

When a RadColorPicker that only has the HSB or HSV palette is made visible or added during an AJAX request, it throws the following error:

Sys.ArgumentOutOfRangeException: Height should be an integer bigger than 1

This is caused by the lack of dimensions while the component is initializing on the client side and, for example, RGBSliders, manages to initialize correctly. The control must either have default dimensions for all modes, or to perform check for undefined dimensions provided by the browser, or both.

A workaround is to add the RGBSliders mode as the first mode so the control can initialize, and use a small JS handler that will switch to the HSB/HSV mode and hide the RGB mode.

Here follows an example that includes the workaround:

<asp:UpdatePanel ID="mainUpdatePanel" runat="server">
        <telerik:RadButton ID="RadButton1" runat="server" Text="RadButton"></telerik:RadButton>
        <asp:Panel runat="server" ID="wrappingPanel">
            <%--WORKAROUND PART 1 - add the RGBSLiders tab first--%>
            <telerik:RadColorPicker ID="RadColorPickerStart" runat="server" PaletteModes="RGBSliders, HSB"></telerik:RadColorPicker>
            <%--WORKAROUND PART 2
            The script is wrapped in a RadScriptBlock so it gets
            registered and executed after the partial postback. By default, it will not be parsed--%>
            <telerik:RadScriptBlock runat="server" ID="rsb1">
                    Sys.Application.add_load(function () {
                        //a panel is used here to make looking for the color pickers added in it easier
                        //you can replace getting the reference to the color picker with any preferred method
                        $telerik.$("[id$='wrappingPanel']").find(".RadColorPicker").each(function (index, elem) {
                            if (elem && elem.control) {
                                var picker = elem.control;
                                setTimeout(function () {
                                    //trigger the internal logic of the control that will switch the tabs
                                    //in this case - the HSB tab is "clicked"
                                    picker._tabClicked({ target: $telerik.$(picker._tabStrip).find("a[title='HSB']")[0] });
                                    //hide the RGB tab
                                }, 0);//the timeout is needed so the control can initialize before we manipulate it
Protected Sub RadButton1_Click(sender As Object, e As EventArgs) Handles RadButton1.Click
    wrappingPanel.Visible = True
End Sub

Last Updated: 14 Jan 2019 18:09 by Babar
Last Updated: 07 Jan 2019 10:55 by ADMIN
Inconsistent Behavior of RadEditor with Ribbon Bar Toolbar for a different type of dropdown toolbar controls.

In RadEditor with Ribbon Bar Toolbar, there are two different types of drop-down control observed.

Type1 includes "Paste" and "Strip All Formatting" 
Type2 includes "Font Name", "Real font size", "Foreground Color", "Background Color", "Apply CSS Class", "Paragraph Style" and "Undo"

In RadEditor with Ribbon Bar Toolbar When "Type 1" Dropdown is opened or expanded and we click on any "Type 2" Dropdown then "Type 1" dropdown is still remain open or expand.

vice versa In RadEditor with Ribbon Bar Toolbar When "Type 2" Dropdown is opened or expanded and we click on any "Type 1" Dropdown then "Type 1" dropdown is still remain open or expand.
Last Updated: 03 Jan 2019 10:33 by ADMIN

When a Telerik RadTextBox contains a line break, a postback is triggered any time focus is lost on the textbox, even if the text hasn’t been changed. If a normal ASP Textbox is used instead of a Telerik one, no postback occurs if the text hasn’t been changed, even if the text contains a line break. We need the Telerik RadTextBox to behave like the ASP Textbox.


See the attached file for a simple example of this behavior, and let me know if you have any other questions about it.

ADMIN: Attached is also a workaround.

Last Updated: 02 Jan 2019 17:31 by ADMIN
Created by: Rumen
Comments: 2
Category: ScriptManager
Type: Feature Request
Subresource Integrity is a fairly new security scheme for protecting against malicious script obtained from third-party source (CDNs). It requires that the script tag include a hash of the script content so the browser can verify that it has not been altered.

Telerik controls generate a bunch of script tags for It would be swell if the script tags would include the extra attributes necessary to implement subresource integrity. Is this in the roadmap? 

Mozilla provides a security analysis tool which highlights this issue. Look at the results for here -> 

More info available on
Last Updated: 21 Dec 2018 10:01 by ADMIN
Created by: Albert
Comments: 1
Category: UI for ASP.NET AJAX
Type: Feature Request
Right now the end user can resize the table cells only through the provided interface in the Table Wizard and Properties inspector module. It will be useful this to be enabled as resize handlers directly in the table as it is implemented in the Kendo Editor -
Last Updated: 21 Dec 2018 08:52 by ADMIN
Created by: Vessy
Comments: 15
Category: FormDecorator
Type: Bug Report
The checkboxes decorated with RadFormDecorator appeared double in Classic rendering after upgrading to Firefox 63.

Steps to reproduce:
1. Upgrade to Firefox 63
2. Run the following setup
        <telerik:RadFormDecorator runat="server" DecoratedControls="CheckBoxes" RenderMode="Classic" />
        <asp:CheckBox ID="chkApproved" runat="server" Text="asp:Checkbox" />

        <div>Html Input</div>
        <input id="chkApproved1" type="checkbox" name="chkApproved" />


Solutions found so far:
1) Use RadFormDecorator in Lightweight RenderMode:
     <telerik:RadFormDecorator runat="server" RenderMode="Lightweight"/>

2) Set the RadFormDecorator's DecoratedControls="All":
     <telerik:RadFormDecorator runat="server" RenderMode="Classic" DecoratedControls="All"  />

3) Set the ControlsToSkip="CheckBoxes"
      <telerik:RadFormDecorator runat="server" RenderMode="Classic" ControlsToSkip="CheckBoxes"  />

4) Or add the following CSS overwrite to the page:
           .rfdCheckboxUnchecked, .rfdCheckboxChecked {
               padding: 0 !important;
               background-image: none !important;
Last Updated: 20 Dec 2018 17:16 by ADMIN
Created by: Sunil Sutar
Comments: 1
Category: UI for ASP.NET AJAX
Type: Bug Report
url to test with JAWS -

When I use JAWS to read the combobox present on this demo it reads as follows - ComboBox readonly - Alice Mutton. To change the selection press the arrow keys.

Over here, why JAWS is reading "readonly". It's not readonly. It's making our screenreader blind users confusing.

I drilled down more into the problem and found that, the input element below has the aria-readonly=true set though the combobox is not readonly.
Here is the html generated for above combobox from telerik demo site -

<input name="ctl00$ContentPlaceholder1$RadComboBox2" class="rcbInput radPreventDecorate" id="ctl00_ContentPlaceholder1_RadComboBox2_Input" role="combobox" aria-busy="false" aria-disabled="false" aria-expanded="false" aria-haspopup="true" aria-readonly="true" aria-owns="ctl00_ContentPlaceholder1_RadComboBox2_listbox" aria-autocomplete="none" type="text" readonly="readonly" value="Alice Mutton" autocomplete="off">

I understand that this input control should be readonly so that aria users should not type and go haywire. But looks like to maintain the readonly=readonly property, telerik is generating aria-readonly=true for this _Input control and resulting this issue.

When you change this attribute aria-readonly="true" to aria-readonly="false", JAWS read it correctly as follows - ComboBox - Alice Mutton. To change the selection press the arrow keys.
Last Updated: 19 Dec 2018 11:58 by ADMIN


As per title and I also find out it able to reproduce in the demo site:


1. Change to 'HTML' mode.

2. Open 'Find And Replace' dialog.

3. Enter a word to find and hit the 'Find' button.

Notice that the word does not get highlighted. It only happens in 'HTML' mode, 'Design' mode working fine.

Please help as this feature is very useful in my project.

Thank you.

Last Updated: 14 Dec 2018 13:19 by Eric
Last Updated: 12 Dec 2018 09:49 by Murali
Created by: Pavlina
Comments: 1
Category: UI for ASP.NET AJAX
Type: Bug Report

Last Updated: 09 Nov 2018 17:46 by ADMIN
When nesting several RadWizard controls with different orientation they are mixing there styles in Lightweight (e.g. Vertical in horizontal). The problem occurs only in Lightweight, the Classic rendered Wizards are rendered properly.

Code to reproduce the problem:
      <telerik:RadWizard runat="server" ID="StaticWizard" RenderMode="Lightweight">
                    <telerik:RadWizardStep Title="1.0 Step">
                        <telerik:RadWizard runat="server" ID="NestedStaticWizard1" NavigationBarPosition="Left" ProgressBarPosition="Left" RenderMode="Lightweight">
                                <telerik:RadWizardStep Title="1.01 Sub-step"></telerik:RadWizardStep>
                                <telerik:RadWizardStep Title="1.02 Sub-step"></telerik:RadWizardStep>
                                <telerik:RadWizardStep Title="1.03 Sub-step"></telerik:RadWizardStep>
                                <telerik:RadWizardStep Title="1.04 Sub-step"></telerik:RadWizardStep>
                                <telerik:RadWizardStep Title="1.05 Sub-step"></telerik:RadWizardStep>
                                <telerik:RadWizardStep Title="1.06 Sub-step"></telerik:RadWizardStep>
                    <telerik:RadWizardStep Title="2.0 Step"></telerik:RadWizardStep>
                    <telerik:RadWizardStep Title="3.0 Step"></telerik:RadWizardStep>
                    <telerik:RadWizardStep Title="4.0 Step"></telerik:RadWizardStep>
                    <telerik:RadWizardStep Title="5.0 Step"></telerik:RadWizardStep>
                    <telerik:RadWizardStep Title="6.0 Step"></telerik:RadWizardStep>
Last Updated: 09 Nov 2018 16:54 by ADMIN
Created by: Danail Vasilev
Comments: 2
Category: HtmlChart
Type: Feature Request
For the time being the property can be set through the underlying Kendo Chart widget. For example:

			function OnLoad(chart) {
				var widget = chart.get_kendoWidget();
				//also applies for the minor grid lines - replace majorGridLines with minorGridLines
				//Numeric series
				widget.options.xAxis.majorGridLines.step = 5;
				widget.options.yAxis.majorGridLines.step = 5;
				//Category series
				//widget.options.categoryAxis.majorGridLines.step = 5;
				//widget.options.valueAxis.majorGridLines.step = 5;
		<telerik:RadHtmlChart runat="server" ID="BubbleChart" Width="500" Height="400">
			<ClientEvents OnLoad="OnLoad" />
			<ChartTitle Text="Market Share Study">
					<FillStyle BackgroundColor="White"></FillStyle>
				<XAxis MinValue="0" MaxValue="100" Step="10">
					<MinorGridLines Visible="false" />
				<YAxis MinValue="0" MaxValue="100" Step="10">
					<MinorGridLines Visible="false" />
						<Appearance FillStyle-BackgroundColor="#6ab2c9">
						<TooltipsAppearance DataFormatString="Percentage of Market Share: {2}%<br /> Number of products: {0}<br /> Sales: ${1}" />
							<telerik:BubbleSeriesItem Size="3" X="5" Y="55" />
							<telerik:BubbleSeriesItem Size="12" X="14" Y="80" />
							<telerik:BubbleSeriesItem Size="33" X="20" Y="60" />
							<telerik:BubbleSeriesItem Size="10" X="18" Y="24" />
							<telerik:BubbleSeriesItem Size="42" X="22" Y="32" />
				<Appearance Position="Right"></Appearance>
Last Updated: 07 Nov 2018 15:31 by ADMIN
Created by: Dimitar
Comments: 0
Category: CloudUpload
Type: Bug Report
Affects RadCloudUpload and RadAsyncUpload combined with RadProgressArea. Manifests most often on slow networks or very large files.
Scroll down for workarounds for both cases.

WORKAROUND FOR PROGRESS AREA is to round down the data, as it seems the server reports more bytes uploaded than they actually are, and that tends to happen under slow network conditions

<telerik:RadAsyncUpload RenderMode="Lightweight" runat="server" ID="RadAsyncUpload1" MultipleFileSelection="Automatic" EnableInlineProgress="false" />
<telerik:RadProgressManager runat="server" ID="RadProgressManager1" />
<telerik:RadProgressArea RenderMode="Lightweight" runat="server" ID="RadProgressArea1" OnClientProgressUpdating="OnClientProgressUpdating" />
function OnClientProgressUpdating(sender, args) {
    if (args._progressData.PrimaryPercent > 100) {
        args._progressData.PrimaryPercent = 100;
    if (args._progressData.PrimaryValue > args._progressData.PrimaryTotal) {
        args._progressData.PrimaryValue = args._progressData.PrimaryTotal;

WORKAROUND FOR CLOUD UPLOAD is to add the following script at the end of the form that will override the built-in XHR handilng to change the way the totals are calculated:

            Telerik.Web.UI.RadCloudUpload.HandlerUploader.prototype._initializeXmlHttpRequest = function () {
                this._xhr = new XMLHttpRequest();

                var that = this,
                    module = this._module,
                    xhr = this._xhr;

                xhr.onreadystatechange = function readyStateChanged() {
                    if (xhr.readyState == 4) {
                        if (xhr.status == 200) {
                        else if (xhr.status != 0) {

                xhr.upload.onprogress = function (event) {
                    that._uploadedSize += event.loaded;

                    var percents = Math.round((event.loaded / * 100) + "%";

                    module._renderingManager.updateRowProgress(that._uploadingEntity.row, percents, true);
Last Updated: 04 Nov 2018 22:22 by Natondra
Created by: Peter Milchev
Comments: 1
Category: TreeView
Type: Bug Report

function OnClientLoad(sender, args) {
    sender._isEditableElementInTemplate = function (target) {

        return target && $(target).closest(".rtTemplate").length > 0 &&
                (target.tagName.toUpperCase() == 'INPUT' ||
                target.tagName.toUpperCase() == 'TEXTAREA' ||

<telerik:RadTreeView OnClientLoad="OnClientLoad" ID="RadTreeView1" runat="server" ... >
Last Updated: 01 Nov 2018 12:35 by ADMIN
Created by: Vessy
Comments: 1
Category: UI for ASP.NET AJAX
Type: Bug Report
RadButton's focus state styling is missing in Bootstrap.

Steps to reproduce:
1. Open
2. Focus any of the first buttons using the Tab key
    Result: No focus styles are applied
    Expected: Follow the steps above in Sunset skin


        button.RadButton.rbButton:focus {
            box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;

Last Updated: 29 Oct 2018 18:15 by ADMIN
We have an issue where the RadEditor context menu for <td> element doesn't get displayed. It throws a "Permission Denied" error. Within <td> the table toolbar is not functional either. 
To reproduce: In an aspx page, create an updatepanel with a LoadContent button, RadEditor and Save button.
1. Click on Load Contents button
2. RadEditor with text "Loaded" will get displayed
3. Insert a table
4. Go to a table cell and verify context menu for td shows fine
5. Click Save
6. Go to a table cell and right click - context menu doesn't show (If you have IE developers tool, you will see "Permission Denied" error.)

ASPx page:
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <asp:UpdatePanel ID="upd" runat="server">
              <asp:Button ID="btnLoad" runat="server" Text="Load Contents"  OnClick="btnLoad_Click"  />
              <telerik:RadEditor ID="HTMLEditor" runat="server"></telerik:RadEditor>          
                <asp:Button ID="btnSave" runat="server" Text="Save"  OnClick="btnSave_Click" UseSubmitBehavior="false" />
C# Code:
 protected void Page_Load(object sender, EventArgs e)
        protected void btnSave_Click(object sender, EventArgs e)
            HTMLEditor.Content = HTMLEditor.Content + " updated";            
        protected void btnLoad_Click(object sender, EventArgs e)
            HTMLEditor.Content = "Loaded";
Last Updated: 24 Oct 2018 14:17 by ADMIN

Last Updated: 22 Oct 2018 14:21 by ADMIN
1 2 3 4 5 6