Workaround: 

.RadListBox .rlbEmptyMessage {
    font-style: italic;
    text-align: center;
    filter: alpha(opacity=80);
    opacity: .8;
    position: absolute;
}

Twice this week, my Asp.net project would not compile because of a Telerik.Web.UI.dll link error. I run into this problem frequently, Telerik is very flakey. My last bug report was this compile problem with another Telerik file.

The solution to both compile problems is to clear the Properties/licenses.licx file. As least the second time, I knew right where to go without wasting time searching the web. A couple hours wasted on the first one on Monday.  I suppose I can expect to clear it Friday again when the compile fails on Telerik.

The Properties/licenses.licx is re-populating itself causing the compile to fail on this Telerik issue. Why have a licenses.licx if it always breaks the software? Your support says, clear the file - they know it causes endless problems.

There is no fix on my side for the this problem, Telerik must do something about the licenses.licx problem in an update.

I have these Telerik compiler warnings. The entire list is Telerik created, misleading and annoying.

Inconsistent behavior between Firefox and Chrome (other browser not tested) when cutting and pasting content within the editor.

We have more advanced cases but I tried to simplify the case here as much as I could.

This has been tested on you demo page at https://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx

I have tested using Firefox 88 and Chrome 90, both on Widows 10.

Reproduce:
Paste the following content in html-mode:

<p>Lorem ipsum dolor sit amet.</p>
<p>Ut enim ad minim veniam.</p>
<figure>
  <img src="../../images/attractions_LosGigantes.png" alt="Test">
  <figcaption>Image text</figcaption>
</figure>
<p>Excepteur sint occaecat cupidatat non proident.</p>

Switch to designmode.

Mark text, including the dot after veniam until before the first character in Excepteur

Cut

(First difference noted here)

Goto after Lorum Ipsum
Paste

(Second difference here)

First difference:

In Chrome you get:

<p>Lorem ipsum dolor sit amet.</p>
<p>Ut enim ad minim veniamExcepteur sint occaecat cupidatat non proident.</p>

In Firefox you get:

<p>Lorem ipsum dolor sit amet.</p>
<p>Ut enim ad minim veniam</p>
<p>Excepteur sint occaecat cupidatat non proident.</p>



Second difference:

Chrome:
<p>Lorem ipsum</p>
<p>.</p>
<p><figure><img src="https://demos.telerik.com/aspnet-ajax/editor/images/attractions_LosGigantes.png" alt="Test" /><figcaption>Image text</figcaption>
<div>&nbsp;</div>
</figure> dolor sit amet.</p>
<p>Ut enim ad minim veniamExcepteur sint occaecat cupidatat non proident.</p>

Firefox:
<p>Lorem ipsum.
<figure>
<img src="https://demos.telerik.com/aspnet-ajax/editor/images/attractions_LosGigantes.png" alt="Test" />
<figcaption>Image text</figcaption>
</figure>
dolor sit amet.</p>
<p>Ut enim ad minim veniam</p>
<p>Excepteur sint occaecat cupidatat non proident.</p>

Inconsistent behavior between Firefox and Chrome (other browser not tested) when drag and dropping content within the editor.

We have more advanced cases (when this breaks things like totally like cutting a block with image and caption into pieces in Chrome) but I tried to simplify the case here as much as I could.

This has been tested on you demo page at https://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx

I have tested using Firefox 88 and Chrome 90, both on Widows 10.

Steps to reproduce:
Switch to html-mode and add the following content:
<p>Lorem ipsum dolor sit amet.</p>
<p>Ut enim ad minim veniam.</p>
<p><img alt="" src="../../images/attractions_LosGigantes.png" /></p>

Switch back to wysiwyg mode

Drag the image and drop it in the middle of one of the text lines. I dropped it just after Lorum ipsum.

Result is very different in Firefox and Chrome

Firefox :
<p>Lorem ipsum </p>
<p><img alt="" src="https://demos.telerik.com/aspnet-ajax/editor/images/attractions_LosGigantes.png" /></p>
<p>dolor sit amet.</p>
<p>Ut enim ad minim veniam.</p>

Chrome:

<p>Lorem ipsum<img alt="" src="https://demos.telerik.com/aspnet-ajax/editor/images/attractions_LosGigantes.png" />&nbsp;dolor sit amet.</p>
<p>Ut enim ad minim veniam.</p>

We prefer the behavior in Firefox as it works when having mode advanced blocks than just an image. In Chrome the content is split into the new context and broken.

It would be great if you had a theme/skin for all products, that one could mock-up the page and print it out, but that it would look as if is just some sort of a drawing or sketch.  Once the page was moved from design to development one could change the theme/skin and it would look completely different.

Phil

RadButton's focus state styling is missing in Bootstrap.

Steps to reproduce:
1. Open https://demos.telerik.com/aspnet-ajax/button/examples/keyboardsupport/defaultcs.aspx?skin=Bootstrap
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

-----------------------------------------
Workaround:

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

Please, please, please bring the new RadTaskBoard to ASP.NET AJAX!

I was just reviewing the RadTileList and trying to figure out how to do a Kanban board with your controls, and came across what you just released via the RadTaskBoard, and that would be absolutely perfect to have for ASP.NET AJAX.

Thank you!

Possible BreadCrumb integration with RadMenu and Orgchart:
http://demos.telerik.com/aspnet-ajax/menu/examples/programming/showpath/defaultcs.aspx
http://demos.telerik.com/aspnet-ajax/orgchart/examples/applicationscenarios/drilldownwithbreadcrumb/defaultcs.aspx

Would be really nice if there was a clearly defined client-side object model for the radGrid. We created a function like the one below by deconstructing the header menu. The jQuery selectors to find the container and affected dropdown lists are really hacky and very brittle.  Reliance on magic strings means that upgrading to future versions is likely to break code like this.

Ideally we should be able to reference (and alter) a client-side filter operators collection like this: grid.headerMenu.filterOperators

function headerMenuShowing(sender, args) {
    var $container = jQuery("div[id^='" + sender.get_id() + "_rghcMenu']");
    var $lists = $container.find("ul.rcbList");
    var gridCol = args.get_gridColumn();
    var dataType = gridCol.get_dataType();
    switch (dataType) {
        case "System.String":
            $lists.find("li:contains('GreaterThan')").hide();
            $lists.find("li:contains('LessThan')").hide();
            $lists.find("li:contains('IsEmpty')").hide();
            $lists.find("li:contains('NotIsEmpty')").hide();
            break;
        case "System.Int32":
        case "System.Int64":
        case "System.Double":
        case "System.Decimal":
        case "System.DateTime":
            $lists.find("li:contains('GreaterThan')").show();
            $lists.find("li:contains('LessThan')").show();
            break;
    }
}

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

ADA Compliance Issue - ComboBox, DropDownList, DatePicker, DateTimePicker and TimePicker Buttons must have discernible text 

The problem is described in this code library

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.

Currently, the asp:Label and telerik:RadLabel are rendering the AssociatedControlID of the ComboBox as for="RadComboBox1" while it should be for="RadComboBox1_Input"

FROM ADMIN:

<script type="text/javascript">
    function fixLabelFor() {
        $telerik.$("label[for]").each(function () {
            var lbl = $telerik.$(this)
            if ($telerik.$("#" + lbl.attr("for")).hasClass("RadComboBox")) {
                lbl.attr("for", lbl.attr("for") + "_Input");
            }
        })
        // Sys.Application.remove_load(fixLabelFor); 
    }
    Sys.Application.add_load(fixLabelFor);
</script>

<script>
    function OnClientLoad(sender, args) {
        var ariasettings = JSON.parse(sender._ariaSettings)
        if (ariasettings && ariasettings["aria-describedby"]) {
            var lbl = $get(ariasettings["aria-describedby"]);
            lbl.setAttribute("for", lbl.getAttribute("for") + "_Input")
        }
    }
</script>

When selecting an item with Enter key, the rawEvent propagation is not canceled and if a button with submit behavior is on the page, it is clicked.  https://www.screencast.com/t/sGVXL2baFj

Including this script to the page can be a temporary workaround: 
var _onEnterKeyOld = Telerik.Web.UI.RadComboBox.prototype._onEnterKey;
    Telerik.Web.UI.RadComboBox.prototype._onEnterKey = function (e) {
        _onEnterKeyOld.call(this,e);
        e.preventDefault()
    }

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

Currently, opening the CustomColorPallete popup always selects the #808080 color.

To have this behavior use the custom code solution below:

<telerik:RadColorPicker runat="server" ID="RCP" EnableCustomColor="true" OnClientLoad="OnClientLoad" />

<script>
    function OnClientLoad(sender, args) {
        $telerik.$(sender._customColorButton).click(refreshPalette(sender));
    }

    function refreshPalette(sender) {
        return function (evt) {
            var colorPicker = sender;
            var selectedColor = colorPicker.get_selectedColor() || "#808080";
            colorPicker._updateHslPaletteElementsUI(colorPicker._getRgbFromHex(selectedColor), null, true);
        };
    }
</script>