This sticky thread lists known issues and breaking changes introduced in the UI for ASP.NET AJAX releases.

• Q3 2011 (Version number: 2011.3.1115)
• Q1 2013 (Version number: 2013.1.220)
• Q2 2013 (Version number: 2013.2.611)
• Q2 2013 SP1 (Version number: 2013.2.717)
• Q3 2013 (Version number: 2013.3.1015)
• Q1 2014 (Version number: 2014.1.225)
• Q2 2014 (Version number: 2014.2.618)
• Q3 2014 (Version number: 2014.3.1024)
• Q1 2015 (Version number: 2015.1.225)
• Q2 2015 (Version number 2015.1.623)
  
• Q2 2015 SP1 (Version number: 2015.2.729)
• Q3 2015 SP1 (Version number: 2015.3.1111)
• Q1 2016 (Version number: 2016.1.113)
• Q1 2016 SP1 (Version number: 2016.1.225)
• R2 2016 (Version number: 2016.2.504)
• R2 2016 SP1 (Version number: 2016.2.607)
• R3 2016 (Version number: 2016.3.914)
• R3 2016 SP1 (Version number: 2016.3.1018) 
• R1 2017 (Version number: 2017.1.118)
• R1 2017 SP1 (Version number: 2017.1.228)
• R2 2017 (Version number: 2017.2.503)
• R2 2017 SP2 (Version number: 2017.2.711)
• R3 2017 (Version number: 2017.3.913)
• R1 2018 (Version number: 2018.1.117)
• R2 2018 (Version number: 2018.2.516)
• R2 2018 SP1 (Version number: 2018.2.710)
• R3 2018 (Version number 2018.3.910)
• R1 2019 (Version number: 2019.1.115)
• R3 2019 (Version number: 2019.3.916)
• R1 2020 (Version number: 2020.1.114)
• R3 2020 SP1 (Version number: 2020.3.1021)
• R1 2021 SP1 (Version number: 2021.1.224)
• R2 2021 (Version number 2021.2.511)
• R2 2021 SP1 (Version number 2021.2.616)

Q3 2011 (Version number: 2011.3.1115)

Problem: When adding items to OData enabled controls (RadMenu, RadTreeView, RadListBox, RadComboBox) through design time erroneous markup is applied to the control:

As for the context:
We're using telerik:RadEditor to e.g. edit and display html-contents including SVGs (scalable vector graphics). In this editor we have declared multiple EditorContextMenu containing EditorTools, which call custom js-functions which in turn perform the intended actions.

This is an extract of our code:

<script type="text/javascript">
    Telerik.Web.UI.Editor.CommandList["ChangeDiagramm"] = function (commandName, editor, args) {
        var elem = editor.getSelectedElement();
        /* Issue: Depending on the browser, "elem" is or is not a SVG, although the EditorContextMenu, mentioned below, is the only one calling this js-function! */
        if (elem.tagName.toUpperCase() == "SVG") {
            StartModalDialog('EditHtmliagramRedirect.aspx?ID=' + elem.attributes.name.value, 500, 600, 1);
        }
    };
</script>

<telerik:RadEditor ExternalDialogsPath="~/Documentation/Documentation/Dialogs/Editor/Controls" EnableTrackChanges="false" 
    EnableComments="false" ID="ReHtml" EnableResize="False" NewLineMode="P" runat="server" OnClientLoad="OnClientLoaded" 
    OnClientSubmit="OnClientSubmit" OnClientPasteHtml="OnClientPasteHtml" OnClientCommandExecuting="OnClientCommandExecuting" 
    OnClientCommandExecuted="OnClientCommandExecuted" OnClientSelectionChange="OnClientSelectionChanged" UseRadContextMenu="False">

    <ContextMenus>
        <telerik:EditorContextMenu TagName="svg">
            <telerik:EditorTool Name="ChangeDiagramm" ShowIcon="true" Text="Edit SVG" ShowText="false" />
        </telerik:EditorContextMenu>
        <%--                         
		More EditorContextMenus each of which for different html-tags; none of them related to SVGs (img, a, li, span, ...)
        --%>
    </ContextMenus>
    
</telerik:RadEditor>

Example-editor-content:

<p>before</p><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="391px" height="221px" viewBox="-0.5 -0.5 391 221" name="c26facdc-b9af-46d3-8de6-7afc86696afa"><defs style=""></defs><g style=""><rect x="0" y="0" width="80" height="80" fill="#ffffff" stroke="#000000" pointer-events="all"></rect>
<path d="M 110 0 L 210 0 L 230 40 L 210 80 L 110 80 L 130 40 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all"></path>
<path d="M 270 0 L 370 0 L 390 20 L 390 80 L 290 80 L 270 60 L 270 0 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all"></path>
<path d="M 270 0 L 370 0 L 390 20 L 290 20 Z" fill-opacity="0.05" fill="#000000" stroke="none" pointer-events="all"></path>
<path d="M 270 0 L 290 20 L 290 80 L 270 60 Z" fill-opacity="0.1" fill="#000000" stroke="none" pointer-events="all"></path>
<path d="M 290 80 L 290 20 L 270 0 M 290 20 L 390 20" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"></path>
<path d="M 40 80 Q 80 220 205 220 Q 330 220 339.55 86.35" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"></path>
<path d="M 339.92 81.12 L 342.91 88.35 L 339.55 86.35 L 335.93 87.85 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"></path>
</g></svg><p>after</p>

For a long time, this code was working as intended in Firefox, Chrome and Microsoft Edge (the new one, based on the chromium engine). I.e. if someone right-clicks the svg-graphic in "Design"-mode of the editor, the corresponding js-function is being called and the "elem"-variable within the js-function has been set to the svg-element of the "Example-editor-content", hence fulfilling the if-statement and opening the modal dialog.

As of recent Edge and Chrome now show "elem" to be the "p"-tag containing the text "after", whereas Firefox still works as intended and sets "elem" to the "svg"-tag. Unfortunately I don't know the exact date, when it broke.

I suspect, the issue might be due to changes in Chrome/Edge/chromium, because the same issue also arises in older versions of our web-application. But since the editor.getSelectedElement-js-function is a black-box to me, I'm not able to confirm this.

Could you please investigate this issue?

I am having an issue with RadDatePicker when trying to set the input date format to yyyyMMdd.  The desired outcome is allow the user to enter a date in yyyyMMdd format but display the date in the culture specific short date format.  I can achieve the desired functionality like this:

<%@ Page Language="C#" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title>Test Page</title>
    </head>
    <body>
        <form id="Form1" runat="server">
            <telerik:RadScriptManager runat="server"></telerik:RadScriptManager>
            <telerik:RadDatePicker runat="server" ID="RadDatePicker1" 
                RenderMode="Lightweight" Culture="English (United States)" 
                DateInput-DisplayDateFormat="d" DateInput-DateFormat="yyyyMMdd" >
            </telerik:RadDatePicker>
        </form>
    </body>
</html>

The issue is when using the en-US culture.  I can select a date from the popup and the date is displayed in MM/dd/yyyy format in the textbox.  When I click in the textbox to enter the date, it is automatically changed to yyyyMMdd format and updating it in that format way works correctly.  However, if I enter a date in MM/dd/yyyy format, the date is parsed in the dd/MM/YYYY format so 7/6/2021 becomes 6/7/2021.

When using the fr-FR culture, for example, it correctly parses entered dates entered as either yyyyMMdd or dd/MM/YYYY.

We are using Telerik UI for ASP.NET AJAX 2021.2.616

Any help would be greatly appreciated.

Greg

Hi all,

I am wondering what is the best way to setup Ninject, ASP.NET Identity and Entity Framework? Normally (without Ninject) I would create my solution by separating the MVC project from Data project and things would work just well, but I can't really figure out the best way to add Ninject there.

Is there any good example out there? I would like to handle user authentication with roles on my ASP.NET MVC project and handle the data access via EF.

I am having trouble understanding and finding a good example of sorting a RadGrid with DataTable datasource with custom paging.

It seems to only sort the 1st page.  I have looked but have not found a good example or explaination on how to do this so it sorts the whole grid not just the page you are on.

Once we add a selection column to the radtreelist,  it left aligns the next column.   However we need the 2nd column to align with the checkbox, is OK for all other columns to align.   Thus for  your demo page, the behavior we need is the Bound Column to have "Appetizers" immediately after the check so it appears as a label for the checkbox.  How would I achieve this?

Hi,

Is it possible to set the FileExplorer's Grid Pagerstyle to NextPrevNumeric instead of the default slider?

Marc

Hi
    I have web application, in that i add rad grid dynamically  (from server side code), when debug and run no error , but when i try to publish from VS2015 i am getting lots of error like "is not member of rad grid"
Screenshot - http://prntscr.com/1gi4k9o.

Code

Pls reply asap

Thanks

Does Telerik have a screen capture control, component, or utility of some kind?

For our company-wide support ticket application we built, I want to create the ability for the user to click a button, draw (or select) a window to capture the screen contents, and automatically add the image to the RadUpload tools temp folder to be uploaded.

Before I design it myself, I figured I'd check to see if Telerik has a solution I can implement.

Very simple but cant find a way to do it:

I have a rad wizard and want custon text in the "Next" button in the second step....