Unplanned
Last Updated: 13 Feb 2025 08:23 by ADMIN
Created by: Chris
Comments: 1
Category: Kendo UI for jQuery
Type: Feature Request
0

Would like to request that the ability to set a 'CenterTemplate' be added to the Radial and Linear Gauge charts. We show a percentage based label using jquery by appending to the chart wrap a label to show 'x of y (z%)'. What we've seen is that when you go to export the chart, this label doesn't follow with it.

When using other charting types, for example the Arc Gauge or Circular Gauge, they do have a property called 'CenterTemplate' which allows us to do labels like above and have it export correctly.

Can the property be added to other Charts so that we can customize a label to show information such as percentage based text?

Unplanned
Last Updated: 13 Feb 2025 07:44 by ADMIN
Created by: Alistair
Comments: 1
Category: Kendo UI for jQuery
Type: Feature Request
3

Hi, 

We have some multiselect controls which can have a large number of values, and selected values. This causes an issue where the height becomes unreasonably large compared to other controls. 

For a typical example of the issue, see here: Multiselect height issue | Kendo UI Dojo

As can also be seen in the provided example, setting max-height with an overflow isn't a viable solution as then it becomes very difficult to see what has been selected - the vertical scroll is much too quick (at least it is using my mouse which has discrete scroll values). Also, there are both dropdown buttons and scroll buttons which is ugly and confusing for end users.

Our suggestion to resolve this would be to add an option for a "single line mode" so that functionality is not broken for other clients. When using this mode, all the items will be kept in a line. In the event of an overflow, then you could either a) cut off the items with an ellipsis "..." or b) enable horizontal scrolling (ideally without a visible scrollbar). 

See this example in the DevExpress controls for an example of horizontal scrolling in "Single line mode".
JavaScript/jQuery Tag Box - Overview | jQuery/JS Example
You can see that when all the items are selected, the height is kept consistent. It is still reasonably easy to read as you can easily scroll along.
Something similar to this solution would be ideal for us.

Unplanned
Last Updated: 03 Feb 2025 10:46 by John
When using a grid against a large table with server side filtering (ToDataSourceResult)

ToDataSourceResult builds a SQL query that converts the search string to UPPER() and therefore prevents the database from using its indexes. As SQL comparison is case insensitive that LOWER() is unnecessary.  

As we have may grids where this is an issue it would be time consuming to build out manual filters for each grid instead of using ToDataSourceResult

This was discussed here and there was no solution at the time:

https://www.telerik.com/forums/grid-filtering-on-text-using-lower-in-sql

I would liek to request an option to tell ToDataSourceResult() not to use LOWER() in the sql?

See ticket #1339310
Need More Info
Last Updated: 29 Jan 2025 10:53 by ADMIN
Created by: Dmytro
Comments: 3
Category: Kendo UI for jQuery
Type: Feature Request
1

Requesting a modification to any component that uses k-animation-container.

Some components have this capability:

popup: {
    appendTo: $("SOME ID")
}

This gives us the ability to modify CSS for a single/particular popup. Please add this ability to all relevant components.

Or any other method to modify the styling of a particular dropdown. In some cases, there's an ID that's added but is removed for some reason when adding a certain configuration.

Unplanned
Last Updated: 21 Jan 2025 10:38 by ADMIN
Created by: Vahid
Comments: 50
Category: Kendo UI for jQuery
Type: Feature Request
129
Kendo UI supports PDF export. It would be great if you could add glyph mirroring support to it as well (https://github.com/mozilla/pdf.js/blob/master/src/core/bidi.js). PDF export of RTL languages such as Arabic and Persian need this trick to work properly.
Unplanned
Last Updated: 20 Jan 2025 06:16 by ADMIN
Created by: TafnitDev
Comments: 1
Category: Kendo UI for jQuery
Type: Feature Request
0

Hello,

We're interested  in a date input wheel (see attached images) as it is a feature that is especially for useful for mobile users. Telerik's technical support directed us here since the date widget doesn't offer this feature currently.

Kind regards

Unplanned
Last Updated: 18 Dec 2024 11:27 by ADMIN
This is a valuable interaction property on the DateInput component. I would like to set it on DatePicker similar to AutoCorrectParts. Currently I get at the DateInput object after the fact by accessing the data("kendoDatePicker")._dateInput.dateInputInstance "private variable". As an alternative (or in addition to), add a public (supported) property for getting at the dateinput object.
Unplanned
Last Updated: 12 Dec 2024 11:22 by ADMIN

Original ticket: 

START

As title says, when a list box is both draggable and multiple select is enabled the behavior is unpredictable. Sometimes when you click and drag on an item it will create the selection box when you are trying to simply drag the item, and other times the opposite. As far as I can tell there is no way to force one behavior or another.


$("#pdfPreviewList").kendoListBox({
            draggable: true,
            connectWith: "proposal",
            selectable: "multiple",
            dropSources: ["proposal"],
            template: `
                    <div id='#:file#'>
                        #:pn#
                    </div>`,
            toolbar: {
                tools: ["moveUp", "moveDown", "transferTo"]
            },
            change: (e) => {
                let f = e.sender.select()[0].getElementsByTagName("div")[0].id;
                displayPdfPrview(f)
            }
        });

Data source is 2 -3 items, so there is white space below the list items. 

 

END

 

I think there should be a dragToSelect option like there is in grid. That way you can still have multiple select work with key modifiers like control and shift and can also have dragging without worrying about the box select interfering with it.

 

maybe something like


select: "multiple" // normal selection *without* box selection
select: "dragToSelect" // selection with box selection and all the other features of "multiple" such as key modifiers

Also potentially a warning if dragToSelect and draggable are active at the same time to notify the developer that this combination may lead to unexpected behavior.

 

Thank you

Unplanned
Last Updated: 04 Dec 2024 14:22 by Carlos
Created by: Carlos
Comments: 0
Category: Kendo UI for jQuery
Type: Feature Request
1

Expose a Cron-Like Scheduler following an example found here https://crontab.guru/.

Unplanned
Last Updated: 29 Oct 2024 07:49 by ADMIN
Created by: FranckSix
Comments: 1
Category: Kendo UI for jQuery
Type: Feature Request
1
var datepicker = $("#datepicker").data("kendoDatePicker");
var datepicker = $("#datepicker").data("kendoDatePicker").reset();
Sometimes we need to undo the changes to make the control unchanged on submit form.

Currently, reverting a DatePicker control to its initial state is somewhat complex. It would be nice to have a ready-made method to simplify the process.



Unplanned
Last Updated: 23 Oct 2024 10:22 by ADMIN
Created by: Jim
Comments: 0
Category: Kendo UI for jQuery
Type: Feature Request
0
Themebuilder shows an "infinite" calendar with months/years on the left. I asked support how to create this and was told it only existed for Angular. Please submit my request to implement this in jQuery. At minimum, the left side month/year selection
Unplanned
Last Updated: 02 Oct 2024 08:04 by alex
Created by: alex
Comments: 0
Category: Kendo UI for jQuery
Type: Feature Request
1

Currently, the Grid provides autoFitColumn and autoFitColumns methods, while the Treelist provides built-in only the autoFitColumn. I would like to have built-in support for the TreeList components, so the behavior to be equivalent to the Grid - example.

dataBound: function(e) {
        e.sender.autoFitColumns();
},

 

 

Unplanned
Last Updated: 27 Sep 2024 09:58 by ADMIN
Created by: Andrew
Comments: 1
Category: Kendo UI for jQuery
Type: Feature Request
0

I am running into an issue with allowing copy/paste of dates into the filter and cell input fields. Currently, the date fields have validation to support MM/dd/yyyy, and users of the app may be trying to copy dates in that are MM/dd/yy. I would expect Kendo to auto format the date to MM/dd/yyyy after the paste happens, or at least allow support for that, but it doesn't seem to happen.

In the cell, when putting in MM/dd/yy, a validation message appears saying the date is invalid, and there doesn't appear to be a way to override that. In the filter, when putting in MM/dd/yy and submitting the filter, it doesn't stick and completely ignores the date put in.

Steps to reproduce (filter):

  1. Copy a date formatted as MM/dd/yy
  2. Paste it into a date column filter
  3. Attempt to apply filter
  4. Notice that the filter is ignored

Steps to reproduce (cell edit):

  1. Copy a date formatted as MM/dd/yy
  2. Paste it into a cell datepicker field
  3. Notice the validation flags it as an invalid date
Unplanned
Last Updated: 17 Sep 2024 07:08 by ADMIN

Hello!

 

I was recommended to submit a feature request for this in this feature request. I also commented on a similar forum question.

Dynamically adding/removing tiles via the setOptions method works, however in my case I'm using the containers/tiles to display other widgets (like charts and data grids) in a dashboard. Re-initializing the TileLayout via setOptions forces me to recreate my data widgets, some of which are loading fairly large datasets.

I've been able to work around this using the internal source code for the kendoUI TileLayout, which I dislike doing and am always just one update away from my solution breaking. So far it works - I can add/remove tiles without destroying and re-initializing. I did run into some trouble with resizing and reordering, but I think I've gotten around that.

 

It seems a common usage for the TileLayout is to display dashboards/remote data. I do think implementing a solution to add/remove tiles without re-initializing would be beneficial for many developers using this widget.

 

Thank you,

 

-Alexa

/**
     * At the time of this writing, the only kosher way to dynamically add/remove tiles to a kendoUI TileLayout is
     * to use the `setOptions` method and pushing/slicing the `containers` array. However, doing this destroys the
     * TileLayout and re-initializes it. We would have to re-initialize all the data widgets and submit requests to
     * the server all over again. So... I lifted this from the KendoUI TileLayout source code and modified it to
     * suit our needs.
     * It seems to work, but it just one update away from breaking. I guess I like living on the edge.
     *
     * @deprecated
     * @param options {Object} the kendo.ui.TileLayout `containers` item configuration
     * @param idx {Number} the index of the tile to add
     * @param kendoTileLayout {kendo.ui.TileLayout} the kendo tile layout instance
     */
    const addContainer = (options, idx, kendoTileLayout) => {
        const body = $(`<div></div>`).addClass('k-tilelayout-item-body k-card-body');
        const headerSettings = options.header;
        const id = kendo.guid();

        const container = $(`<div></div>`)
            .addClass('k-tilelayout-item k-card')
            .attr({
                id: id,
                role: 'listitem',
                'aria-keyshortcuts': 'Enter',
            });

        if (headerSettings && (headerSettings.template || headerSettings.text)) {
            const header = $('<div></div>').addClass('k-tilelayout-item-header k-card-header');
            const headerContent = headerSettings.text ? `<div class="k-card-title">${headerSettings.text}</div>` : null;

            if (kendoTileLayout.options.reorderable) {
                header.addClass('k-cursor-move');
            }

            header.append(headerContent || kendo.template(headerSettings.template)({}));
            header.appendTo(container);
        }

        body.append(kendo.template(options.bodyTemplate)({}));
        body.appendTo(container);
        container.appendTo(kendoTileLayout.element);

        kendoTileLayout._addContainer(container, options, idx, id);
    };


    /**
     * @deprecated
     * This also is using KendoUI internal source code. If/when the folks at Telerik decide to implement a different
     * solution for dynamically adding/removing tiles, that should be used instead and this should be removed.
     *
     * @param widgetId {Number} the id of the widget to remove
     * @param kendoTileLayout {kendo.ui.TileLayout} the kendo tile layout instance
     */
    const removeContainer = (widgetId, kendoTileLayout) => {
        const widgetRegex = new RegExp(`${widgetId}`);
        const matchedContainer = kendoTileLayout.options.containers.find(container => container.bodyTemplate.match(widgetRegex));

        const containerGuid = matchedContainer.id;
        const containerItem = kendoTileLayout.itemsMap[containerGuid];
        const containerItemIdx = kendoTileLayout.items.indexOf(containerItem);

        kendoTileLayout.options.containers.splice(containerItemIdx, 1);
        delete kendoTileLayout.itemsMap[containerGuid];
        kendoTileLayout.items.splice(containerItemIdx, 1);

        $(`#widget-${widgetId}`).closest('.k-tilelayout-item.k-card').remove();
        kendoTileLayout._updateContainers();

        // I've got a bad feeling about this.
        kendoTileLayout.element.off('mousemove'); // after removing a container, the resize handles weren't working.
        kendoTileLayout.resizable.destroy();
        kendoTileLayout.element.find('.k-resize-handle').remove();
        kendoTileLayout.resizeHandle = null;
        kendoTileLayout._resizable();
    };

Unplanned
Last Updated: 12 Sep 2024 07:36 by ADMIN
Two issues, both relate to using the Org Chart control to visualize a large dataset, e.g. 4000 items, with 2000 items on one level.

1) Expanding a node gets VERY slow when expanding, taking several minutes to complete -- Is there anything we can do (short of partitioning the data) to make this go faster?

2) When expanding a large number of nodes, the chart gets unweildy.  For example, if I have a top node, then five nodes below that, and expand one of those five nodes, it spreads out every node on the second row, even though only one of those nodes needs to be spread out to allow room to display the nodes under it. --  Is there anything we can do to keep the display more compact, and avoid unnecessary spreading?  (See attached for example.) 
Unplanned
Last Updated: 05 Sep 2024 09:54 by ADMIN
Created by: Anthony Gianino
Comments: 1
Category: Kendo UI for jQuery
Type: Feature Request
0

In the jquery scrollView component https://docs.telerik.com/kendo-ui/api/javascript/ui/scrollview there is no current way to enableto 'endless' or 'wrap around' option like the react component has

ref: https://www.telerik.com/kendo-react-ui/components/scrollview/endless-scrolling/

Requesting that this feature be added.

 

For my SPECIFIC my use case (which will probably not work for everyone), I did add a workaround for now

(not fond of it as it relies on the implementation details of the current version)

 

In our SCSS, I added an override to force the previous/next buttons to always be visible, even after the control hides them


...
		&.k-scrollview {

			.k-scrollview-prev, .k-scrollview-next {

				//Prevent the control from hiding these buttons when it reaches the 'end'
				//We will be using some custom logic to force the 'wrap around'
				display:flex !important; 
...

Then I subscribed click events and did some manual handling on the buttons

//After the page load & scroll view is initialized...

//note: $slides is a jquery instance that the scrollView is attached to
let scrollView = $slides.data("kendoScrollView");

let $prev = $slides.find('.k-scrollview-prev');
let $next = $slides.find('.k-scrollview-next');
$prev.on("click", function (e) {
	// NOTE: Here we are looking at an 'internal' variable, this is dependent on the version of Kendo we are using - may need to change
	// in the future
	// I figured this out by looking at the implementation in the source
	//		\src\js\kendo.scrollview.js
	let pageCount = scrollView._content.pageCount;
	let currentPage = scrollView._content.page;
	if (pageCount > 1 && currentPage === 0) {
		e.preventDefault();
		e.stopPropagation();
		scrollView.scrollTo(pageCount-1);						
	}
});

$next.on("click", function (e) {
	let pageCount = scrollView._content.pageCount;
	let currentPage = scrollView._content.page;
	if (pageCount > 1 && currentPage === pageCount - 1) {
		e.preventDefault();
		e.stopPropagation();
		scrollView.scrollTo(0);						
	}
});

 

 

Unplanned
Last Updated: 05 Sep 2024 08:37 by ADMIN
Created by: Anthony Gianino
Comments: 1
Category: Kendo UI for jQuery
Type: Feature Request
0

See https://demos.telerik.com/kendo-ui/menu/scrollable

When you hover over the left or right arrow on the menu, the menu scrolls.

Our client *hates* that, and only wants the menu to scroll when you actually click on the left/right arrow.

 

Request:

Add an option so that we can turn OFF the scrolling on hover on the left/right scroll buttons in the menu.

 

Support ticket related: https://www.telerik.com/account/support-center/view-ticket/1662811

Unplanned
Last Updated: 02 Sep 2024 09:30 by ADMIN
Created by: Steven
Comments: 1
Category: Kendo UI for jQuery
Type: Feature Request
0

We are currently utilizing Telerik's Spreadsheet functionality across two different technologies:

- KendoUI for jQuery: This is being used by our FrontEnd users.
- .NET Assembly of Telerik: This is employed for backend processing and interfaces.

Both Spreadsheet implementations allow us to populate data; however, we've observed a discrepancy between the two. Specifically, there is a misalignment in the available functions, where some functions accessible in KendoUI are not available in the .NET Assembly. To address this inconsistency, we request the following enhancements:

1. Unified Function List: We would like an official list of functions that are consistently supported by both the jQuery library and the .NET assembly. Currently, the frontend offers a broader range of functions than the backend. Since our system relies on both for computations, consistency is crucial.

2. Function Usage Detection: We request an event or function in both the JS and .NET implementations that can detect the functions used within a formula. This will allow us to identify discrepancies early on.

3. Backend Validation: An event that triggers when a formula entered on the frontend is valid there but would fail on the backend due to unsupported functions would be invaluable. This will help prevent issues caused by discrepancies between the frontend and backend function implementations.

4. Enhanced Backend Functionality: We also request additional functions or exposed properties on the backend to perform similar checks as described above. This is particularly important for our customizations that allow formulas to be entered directly on the backend, bypassing the spreadsheet UI.

5. Specific Error Handling: On the backend, it would be helpful to introduce a specific error type, distinct from the generic error, that indicates a calculation failure due to an unsupported function in a formula. Currently, the generic error type could indicate multiple issues, making it difficult to diagnose the root cause.

 

Unplanned
Last Updated: 26 Aug 2024 10:07 by alex

Bug report

TreeList with multi-column headers and row filtering throws an error when user tries to reorder a column.

Reproduction of the problem
Open the Dojo - https://dojo.telerik.com/aFIkOPUp/3
Try to move column "position" left or right

Current behavior
Error is thrown 

Uncaught TypeError: Cannot read properties of undefined (reading 'locked')

Expected/desired behavior

Rerdering shall be allowed

Environment

jQuery version: 3.4.1

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

Unplanned
Last Updated: 23 Aug 2024 07:04 by ADMIN
Created by: Nasif Ishtiaque
Comments: 0
Category: Kendo UI for jQuery
Type: Feature Request
3

Dear Kendo UI Team,

I am writing to request the implementation of a mention user feature for the Kendo UI TextArea component. This functionality would significantly enhance the user experience and collaboration capabilities of our .NET application.

Similar to popular social media platforms, the ability to mention users within a text area would allow for efficient communication, tagging, and collaboration among users. This feature could be implemented by enabling users to type an '@' symbol followed by a partial username, which would then trigger a dropdown list of matching user suggestions.

By incorporating this feature, Kendo UI would further solidify its position as a leading UI component library, providing developers with the tools to create more engaging and interactive applications.

Thank you for considering this feature request. We look forward to your response.

 

Sincerely,

Nasif Ishtiaque Islam

Software Engineer

 

1 2 3 4 5 6