Enhancement

Currently the dialog action buttons can not hold only icons, the API does not provide means to have a button with only an icon or an icon and text. Considering the aforementioned we should extend the API to allow adding of icons inside the action buttons.

Hi Team,

I would like to share some feedback about the documentation, but I want to make sure it goes to the correct team. Is this the best place to share it?

Thank you,

Michael

**** CREATED BY PROGRESS TECHNICAL SUPPORT ****

Feature Request/Enhancement to allow series.tooltip configuration for bubble charts in chart initialization.

Since my company is a public entity we are required by law to follow ADA accessibility on our web apps. We are currently using ASP.NET Core MVC and Kendo UI for jQuery. To meet the ADA requirements I have been going through our Kendo Charts and configuring the tooltips to meet the ADA color blindness contrast ratio standard of 3:1. 

It came to my attention that I cannot configure the bubble chart's series.tooltip the same way that I can a donut or pie chart. Since I am required to use a certain color of red in my chart and the default tooltip.color is black the contrast for small text does not meet the WCAG AA standard for text under 17 pt. 

My feature request/enhancement is to allow charts to all have the same initialization process for things such as series.tooltip to allow easy config to meet ADA standards.

Bug report

Inserting sheets in the Spreadsheet component is not working as expected.

Reproduction of the problem

1. Open this Dojo example https://dojo.telerik.com/EyEzOcER/8
2. Click on the Load New Sheet Button
3. Click again
4. Open the Browser console to see the error:

Current behavior

Error is thrown.

Expected/desired behavior

Error to not be persistent.

Environment

• Kendo UI version: 2024.1.319
• Browser: [all]

Hi Team,

the SignalR demos are spread out across multiple products and it is hard to get a single cohesive demo that I'm looking for.

1. After fresh installation Telerik UI for ASP.NET Core PURCHASED 2024.1.319 (MAT 19, 2004) Start: Demos - Telerik UI for ASP.NET Core 2024 Q1 -> Grid -> SignalR Binding -> hundreds of JS errors -> not working.
   see pic. p101.PNG
2. https://github.com/telerik/ui-for-aspnet-core-examples Telerik.Examples.Mvc
   I replace telerik local trial nuget packages with purchased and I add kendo-ui-license.js
   I can compile and run the app, but when I change data in one browser -> no changes in other browsers, i.e no SignalR
3. https://github.com/telerik/ui-for-aspnet-mvc-examples signalR-bound-grid not compilable
4. https://github.com/telerik/kendo-ui-demos-service/tree/master/signalr-hubs
   This is probably a joke? edited 6 years ago, no Kendo UI, and this can't even start to run
5. https://www.telerik.com/support/code-library/binding-to-signalr
   download SignalRLocalHub.zip -> compile -> run -> everything (delete, edit, add) works excellently. but this is .Net Framework 4.5! and ancient package references and in addition uses Entity Data Model (EDM).
   
   

Request

Please create an example that works like 5) without problems and hundreds of JS errors, but with APS.NET Core (current net8) + SignalR (current @microsoft/signalr 8.0.0) + Kendo UI for jQuery Grid - Entity Data Model (EDM) ? 

Please create a new widget or modify the existing dropdownlist component to allow the user to make more than one selection. The existing multiselect component is not sufficient in that it cannot be modified to look and operate like the dropdown list. This confuses users and makes the controls in a form feel like they came from two different libraries. The major difference is the placement and appearance of the search. In the dropdown list, the search is inside of the list and always 100% width. In the multiselect the search is invisible and inside the selected values box. Our clients are requesting a new tool where the search in the multiselect looks and operates like the search in the dropdownlist and have gone as far as to ask us to ditch Kendo UI for another library.

Our clients are requesting that the search in the multiselect look like the search in the dropdownlist. They want it to be in the list that opens rather than in the value box and want a consistent operation and look. This should be an option that can be set when initializing the multi-select. I attempted this using the forum post below but it is quite buggy and requires a lot of modifications. 

https://www.telerik.com/forums/make-filter-in-multiselect-look-like-filter-in-dropdownlist

Currently, I am using the DateRangePicker. However, it would be beneficial if the From and To Date portions can be also filtered by a time criteria as well.

The Kendo Spreadsheet is bound to a Kendo datasource, the datasource defines a schema, but when the JSON comes back the spreadsheet just ignores the schema properties and dumps the entire thing into the sheet.

It would be nice to not have to code up some additional workaround after already having defined the schema I want.

(No control over the JSON structure from the server)

Expose the ability to alter default icon content. Similar to how it can done in the Kendo UI for Angular suite - https://www.telerik.com/kendo-angular-ui/components/icons/icon-settings/#toc-svg-icons

• Currently, when the legend has a lot of items or the labels are too long, it will create multiple lines and takes spaces. We would like to keep the legend in one line as fixed and add a scrollbar within the legend.
• This will make the chart more clean and the legend wont overtake the space of the chart and it will remain the same size no matter how many items it contains.

I would like be able to have a vertical scrollbar on a kendo grid without enabling horizontal scrolling.

Currently when the scrollable feature is set to true, scrolling is enabled for both horizontal and vertical.

I would like to see something like:

scrollable:{ vertical : true, horizontal: false }

Can that be done?

Thank you!

Kendo UI ImageEditor, jQuery version. Add Draw simple shapes and text over image like you have in the WPF image editor component.

I saw a slightly similar request but not exactly what I would like.

Thanks, Kurt Miller

I have a requirement to show parent rows below the child rows, such that when a parent row is expanded the children show up above the parent. Currently from the options, it seems that parent row can only be expanded to show children below the parent. This is not supported by the grid or treelist, and Kendo support has requested this be logged as a feature.

Similar to the Grid, it would be beneficial to add a sizing option that can be set through the existing API configuration of the component.

There is currently no built in way for someone to change the style of line that connects people in the Org Chart control. Currently, all lines must be solid and by default are black. There is no easy, built-in, way to change the line style from solid to another style such as dashed, dotted, etc.

Therefore in order to support more complex org charts, as a developer, I would like to be able to specify the line style, weight, and color of the lines that connect individual positions in the org chart control so that more complex relationships can be denoted to users. Examples of complex relationships between positions would be positions that are not full time, positions that are provided through a third-party vendor, positions that have multiple managers, and people that are moving or are being phased out.

For additional support, it would also be helpful to enable / add a legend to the control to label what a color represents as well as what a line style represents.

 

 

The text inside the TreeMap's leaves have their colors incorrectly inverted in dark mode despite the background colors remaining the same. This is especially prominent on background colors such as yellow where the now white text can completely blend into it. This problem appears to apply to all dark themes; I've attached a screenshot of the demo in default dark as an example. See: Demo of core features in jQuery TreeMap widget | Kendo UI for jQuery (telerik.com)

In the Editor please can you add a line spacing (line height) option.

 

As per the instructions by the responder in this article: https://www.telerik.com/forums/how-to-add-a-class-in-the-tooltip-

I would like to have the ability to add a custom class to a tooltip's container when creating a tooltip. This class should be applied before any animation effects take place. Perhaps it could be a configuration like "containerClass": "myCustomClass". This is necessary because we use different types of tooltips on the site and cannot have one global look for tooltips. 

In a very special case it is impossible to select a value from the ComboBox. It only occurs on iPads.

if ComboBox filter is set, virtualization is on and the datasource is set programmatically after initialization. A data item cannot be selected from the list if it is filtered before hand and the item is located at the second page inside the popup.

Steps to reproduce:

1. Open https://dojo.telerik.com/UbuRecut/4 on an iPad
2. Wait till data source is set
3. Input filter value (Popup should open and be scrollable)
4. scroll to the end of the popup
5. click element at the end of the list
6. No item is selected

Used Dojo Snippet:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>Kendo UI Snippet</title>

    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/themes/7.2.0/default/default-ocean-blue.css"/>

    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2024.1.130/js/kendo.all.min.js"></script>
</head>
<body>
  
<input id="orders" style="width: 400px" />
<script>
  
    $(document).ready(function() {
        const ctrl = $("#orders").kendoComboBox({
            template: '<span class="order-id">#= OrderID #</span> #= ShipName #, #= ShipCountry #',
            dataTextField: "ShipName",
            dataValueField: "OrderID",
          filter: 'startswith',
            virtual: {
                itemHeight: 26,
                valueMapper: function(options) {
                    $.ajax({
                        url: "https://demos.telerik.com/kendo-ui/service/Orders/ValueMapper",
                        type: "GET",
                        dataType: "jsonp",
                        data: convertValues(options.value),
                        success: function (data) {
                            //the **data** is either index or array of indices.
                            //Example:
                            // 10258 -> 10 (index in the Orders collection)
                            // [10258, 10261] -> [10, 14] (indices in the Orders collection)

                            options.success(data);
                        }
                    })
                }
            },
            height: 520,
        }).data('kendoComboBox');
      
  $.ajax({
          url: "https://demos.telerik.com/kendo-ui/service/Northwind.svc/Orders",
          type: "GET",
          dataType: "json",
          success: function (data) {
            ctrl.setDataSource(data.d)
          }
        })
    });
  
  

    function convertValues(value) {
        var data = {};

        value = $.isArray(value) ? value : [value];

        for (var idx = 0; idx < value.length; idx++) {
            data["values[" + idx + "]"] = value[idx];
        }

        return data;
    }
</script>
</body>
</html>