The Telerik Bootstrap skin looks like it is Bootstrap, but it is not.  While it is easy to override a Bootstrap style to customize something, every time we do we end up on a support ticket to figure out how to make the same override in the skin.

One common area this comes up is the form sizing.  In Bootstrap, you can use a CSS class .form-group-sm to easily make the form controls smaller.  (There are several other classes as well for controls and form groups.)  The Telerik controls, like radCombobox or DatePicker do not honor this style, you need special Telerik CSS to get them to size.

The Bootstrap skin should have CSS included in it that handles when the Bootstrap control size classes are used.  That way when a Telerik control is placed in a div with .form-group-sm etc. it will automatically resize itself accordingly.

ref: http://getbootstrap.com/css/#forms-control-sizes

As of now RadEditor for SharePoint 2013 or sharepoint 2016 is not available, reason Telerik  had provided for non-availablity of RadEditor for List Items as it is handled from client end is not acceptable, since many other component providers do support similar functions with their editors. the reason / use case iam looking for is becoz of need to handle clipboard manager in editor which is not available in Multiple line of text column type of an SharePoint 2013 list,

In Chrome and IE the clicking of the SELECT button for the uploads is kinda difficult when using MATERIAL skin. See the following video: https://www.screencast.com/t/VBe1zSss7c

How-to fix the bug:
1. Create a CSS file named dialog.css
2. Put the following class in the dialog.css file:

.RadUpload  .ruFileInput {
    height: 50px !important;
}

3. Set the DialogsCssFile property to point to the dialog.css file:

        <telerik:RadEditor ID="RadEditor1" Skin="Material" RenderMode="Lightweight" DialogsCssFile="~/dialog.css" runat="server">
            <ImageManager ViewPaths="~/Images" UploadPaths="~/Images" />
        </telerik:RadEditor>

4. Save the page.
5. Clear the browser cache and load the page in it. If needed reload the dialog contents 3-4 times to clear the cache -> right click and choose Reload frame from the Chrome context menu.

http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx

<table>
    <tbody>
        <tr>
            <td>test1</td>
            <td>
            <p>test2</p>
            </td>
        </tr>
        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
    </tbody>
</table>

Expected: https://www.screencast.com/t/ttBoNadV

Actual: https://www.screencast.com/t/0rovtQC8OW

There are two ways to avoid this:

- Define a tab order on the entire page so all necessary controls will have their TabIndex attribute set

- Remove the attribute from the menu with JS. Here follow a couple of examples. Using RenderMode="Lightweight" also may improve the situation if you do not use the NavigateUrl of the items, so <a> elements are not rendered.

     - Solution 1: Executes when the entire page has loaded
               function removeMenuTabIndex() {
                   $telerik.$(".RadMenu[tabindex=0]").removeAttr("tabindex");
                   Sys.Application.remove_load(removeMenuTabIndex);
               }
               Sys.Application.add_load(removeMenuTabIndex);

     - Solution 2: Add just after the menu so it executes while the DOM is loading, perhaps this can facilitate screen reader compatibility

        <telerik:RadMenu runat="server" ID="rm1" RenderMode="Lightweight">
                <Items>
                    <telerik:RadMenuItem Text="first"></telerik:RadMenuItem>
                    <telerik:RadMenuItem Text="second"></telerik:RadMenuItem>
                </Items>
        </telerik:RadMenu>
        <script>
            document.getElementById("<%=rm1.ClientID%>").removeAttribute("tabIndex");
        </script>

I have attached an image which shows the required filter output.

Left panel had filters and on right data is displayed. Do you guys have any tool which can give the required output. Rather me using multiple controls to achieve the required functionality.

When zoom is applied in IE browser and button coordinates are not an integer RadImageButton tries to convert them to an integer on the server on postback and fails.

Workaround:

			<telerik:RadImageButton runat="server" ID="rib1" Width="50" Height="50" OnClick="rib1_Click" Image-Url="~/images/myImage.png"></telerik:RadImageButton>
			<script>
				Telerik.Web.UI.Button.ImageCoordsFunctionality.prototype._calculateCoords = function (e) {
					var container = this._ui.element;
					var pos = $telerik.getLocation(container);
					var scroll = $telerik.getScrollOffset(container, true);

					return new Telerik.Web.UI.Point(parseInt(e.clientX + scroll.x - pos.x), parseInt(e.clientY - pos.y + scroll.y));
				}
			</script>

I'd like to use several masks in order to accept many phone numbers format. 
The component must accept phone numbers with these separators : "-", "/", "|" and space between figures. 
Here are some example of format that i mean:

1- xx-xx-xx-xx-xx 2- xx - xx - xx - xx - xx 
3- xx.xx.xx.xx.xx 4- xx/xx/xx/xx/xx 
5- xx / xx / xx / xx 6- xx|xx|xx|xx|xx 
7- xx | xx | xx | xx 

Evidently, the component needs to accept figures only. Most of the time, the phone numbers are inserted by a copy-pasted

Changing the render mode of the Editor Dynamically on the server-side leads to a JavaScript error:

Uncaught TypeError: Cannot read property 'render' of null
    at Telerik.Web.UI.Editor.Modules.RadEditorNodeInspector.render

The issue is introduced in 2016 R3.


Steps to reproduce:
Run the following configuration:

<telerik:RadEditor ID="RadEditor1" runat="server"></telerik:RadEditor>

CS:

protected void Page_Load(object sender, EventArgs e)
    {
        RadEditor1.RenderMode = Telerik.Web.UI.RenderMode.Mobile;
    }

The correct format should be ISO 8601:
([CreateDate] >= '2013-06-22T00.00.00') AND ([CreateDate] <= '2013-06-22T23.59.59'

Workaround: https://www.telerik.com/support/kb/aspnet-ajax/grid/details/get-sql-compliant-filterexpressions-from-radgrid

RadCheckBox is not firing the event for CheckedChanged the first time it is checked.

If you simply replace the RadCheckBox with a standard asp CheckBox all works as it should and the event is fired with the first click.

Steps to reproduce:
1. Open the demo page http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx
2. Switch to the 'HTML' mode of the RTE and replace all existing HTML content with the following HTML snippet:
<div>text</div>

3. Switch to the 'Design' mode of the RTE and click once on the 'text' word;
4. Switch keyboard language to Japanese and select 'Hiragana' input type. Place focus on the 'text';
5. Type the 'a' and 'e' characters;

Expected result:
The 'あえ' characters are typed.

Actual result:
Just 'え' character is typed. The 'あ' character is replaced by the 'え'. 

Note:
The first character disappears.
You may need to try several times to reproduce the issue.
The issue is reproducible in Chrome (Version 54.0.2840.99 m).
The issue is not reproducible in Firefox and IE11.

Screencast reproduction: http://screencast.com/t/Lj6plU0di99



Workaround:

<telerik:RadEditor ID="RadEditor1" runat="server">
<Content><p>test</p></Content>
</telerik:RadEditor>

<script>
var editorPrototype = Telerik.Web.UI.RadEditor.prototype;
var onKeyDown = editorPrototype._onKeyDown;
editorPrototype._onKeyDown = function (e) {
if (e.composed) {
   this._pendingTextTypeCmd = {};
}
onKeyDown.call(this, e);
if (e.composed) {
   delete this._pendingTextTypeCmd;
}
};
</script>

There are missing methods in the TypeScript definitions provided. 

You can find attached a file that illustrates what needs to be updated.

The Editor's Insert External Video does not insert the required allowfullscreen="allowfullscreen" attribute into the iframe tag.  You can see this in your demos

When the Navigation control collapses into the hamburger menu keep the hover to expand the menu items functionality.