Hi Team,
I want the scheduler to respond to mobile phones and tablets, e.g. I have many columns in the day view. I want to have specific columns, e.g. the first 2 or 3 to be visible and the rest to scroll horizontally so that you can see them within the scheduler and not have to scroll the page horizontally.
Thank you!
The Gantt desperately needs a way to position the title somewhere other than inside bar. Other Gantt charts I have used will allow you to place the title to the right of the bar so the title is still displayed in its entirety regardless of the pixel size of the rendered task bar.
Other kendo charts already allow similar configuration options. I have tried using the taskTemplate and css which I can get to show on the screen just below the bar however the title is then not visible in the pdf view.
, taskTemplate: function (task) {
// move label just below and to the far right of the task bar
return '<span class="task-label" style="position:absolute; right:0; color:#000;">' + task.title + '</span>';
}
Please advise.
Currently, the Kendo UI RangeSlider provides a single-colored track (.k-slider-track
) with a separate style applied only to the selected range. However, in many modern design requirements, there is a need to split the track into multiple colored sections (e.g., 3 or more segments with different colors) to visually represent thresholds, ranges, or categories.
Example Use Cases:
Displaying low, medium, and high ranges with green, yellow, and red colors.
Visualizing different risk or performance levels directly on the slider track.
Providing a better UI experience by mapping ranges to business values.
Requested Feature:
Add native support to configure multiple color segments within the RangeSlider track (either via configuration options or styling hooks). Ideally, developers should be able to specify:
Number of segments.
Color for each segment.
Segment boundaries (percentage or value-based).
Workarounds Tried:
Custom CSS overlays and pseudo-elements can partially simulate the effect, but they are not reliable or fully aligned with the slider’s rendering behavior.
Impact:
This feature would enhance usability and visualization, making the RangeSlider more flexible for dashboards, financial apps, performance monitoring, and other business-critical UI scenarios.
Reference:
Please find an attached image illustrating the requested multicolored track (example with 3 segments: green, yellow, and red).
We would like the ability to execute custom actions once a control has been fully initialized and rendered.
Use Case
On our login page, we use the Form control. After the Form control is created, we need to reposition our SSO buttons so that they appear beneath the default buttons rendered by the form. Without a reliable event, it is difficult to determine when the control is ready for safe modification.
Proposed Solution
Introduce a Created event (or similar) that is triggered once the control is fully rendered. This event would provide a hook for developers to perform additional UI adjustments or integrate custom functionality.
Reference
Syncfusion ASP.NET Core controls provide this functionality through a Created event.
Slider seems to only output numbers, I want to use it for date ranges, ala mint.com.
Hi Team,
I would like to request the source code from the AI Service from the Kendo UI Grid demos be available to download.
Thank you!
Hi Team,
I would like to request to add Markers to the Radial Gauge. Something similar to this:
Thank you!
Hello Support Team,
I am currently trying to use the scroll feature of the context menu.
However, I find that the visibility of the context menu’s scroll arrows is too low.
When hovering the mouse over them, the color changes only slightly, which makes them hardly noticeable.
Would it be possible to make the color change more prominent so that the arrows stand out better?
Please see the attached screenshot and the Dojo example.
In addition, I believe the arrows are not very intuitive in terms of functionality.
It would be helpful if they could indicate more clearly whether there are additional items above or below.
Could you improve this feature?
Thanks!
When a pager control uses responsive mode, but renders initially as hidden, the control fails to render properly.
The control should render to the appropriate responsive mode regardless of whether the control is visible or not when it is initially rendered.
For example; similar to http://www.highcharts.com/stock/demo/arearange Having area 'scatter' support, such as 'scatterArea', and 'scatterAreaRange', like the existing 'scatterLine', is also desirable.
Currently, when items are reordered or moved from one ListBox to another, the items are present in the dataSource, but not in the position they are displayed. I know about the following solutions:
- https://www.telerik.com/kendo-jquery-ui/documentation/knowledge-base/list-box-reordering-not-working
and - https://dojo.telerik.com/gDwkisQr
However, I would like to have a built-in method for retrieving the items in the order they are displayed.
When the Grid has scrollable.virtual enabled and pdfExport.allPages set to true, the loader is actually displayed, but it gets hidden immediately when the next page is loaded for exporting. This leads to the loader appearing as not visible. https://dojo.telerik.com/QlIlIbTZ
I would like the progress bar functionality to be improved and to have built-in support for displaying a progress bar in the virtual Grid when exporting all pages
For example when we type @ it should autocomplete a certain list of data in the editor
Currently in kendo.prompt, the user can accept or decline the entered value in the popup only by clicking on the 'OK' and ' Cancel' buttons.
I know I can workaround that behavior as demonstrated below - https://dojo.telerik.com/pRIUUdCh
$('[role="alertdialog"]').on('keydown', function(event){ if(event.keyCode == 13){ $('[role="alertdialog"] .k-button:first-child').focus(); $('[role="alertdialog"] .k-button:first-child').click(); } else if (event.keyCode == 27){ $('[role="alertdialog"] .k-actions .k-button').eq(1).click() } })
However, I would like to have a built-in possibility to accept and cancel through the Enter and Escape keys.
Views - Month - numberOfWeeks (set to 6 weeks), do not need to see previous or next month week. Only show days of the selected month.
This is OK:
This is not, unnecessary week of Aug 03. The extra week adds to a busy calendar clutter.
Hi Team,
I would like to request a way to include multiple items in one operation of the Kendo UI Filter. For example, providing two DropDownLists in one operation.
Thank you!
Currently, when Chrome Translate is activated and the user presses 'Enter' key in the Editor, the text is translated.
Also, when Translate is enabled and the user types fast, some characters disappear, as Chrome rewrites the inner text of elements. I know that this can be controlled by adding a translate attribute.
However, I would like to have the option to control this by the built-in Editor configuration options (for example, translate: false).
The horizontal space between all OrgChart nodes on the same level is one and the same and it is equal to the horizontal space needed to show the child nodes of the parent with most child nodes. It is represented by the red squares on the image below. This results in excessive empty horizontal space between nodes with no child nodes or no visible child nodes.
This may be observed on the following Dojo runner. Currently the OrgChart has empty space between the first level nodes, and also there is empty space after the last node:
Suggested behavior:
There is no empty horizontal space between nodes on the same level - highlighted in yellow on the image above. In the above scenario, there should be no empty space between the first level's second and third node and no space after the third node, which may be observed, when the first node has no expanded child node: