Telerik Forums
Kendo UI for jQuery Forum
0 answers
90 views

09 Feb to 16 Feb 2026: highlights of the new online resources that we published last week.

Article: https://www.telerik.com/kendo-jquery-ui/documentation/controls/grid/smart-grid
Summary: This article explains how to enable and configure Smart Grid mode in the Kendo UI for jQuery Grid so the component adapts its layout and UI to available space and interaction context. It covers setup, options, and constraints, including how Smart mode affects the toolbar, column menu and filtering UI, paging/scrolling, virtualization, and server-bound data operations.

Article: https://www.telerik.com/kendo-jquery-ui/documentation/controls/promptbox/modes
Summary: This article explains the Kendo UI for jQuery PromptBox modes and how they change rendering, interaction, and the value the component returns. You learn how to set the mode via configuration and the API, choose the right mode for your use case, and work with code examples that show initialization, value binding, and event handling.

Article: https://www.telerik.com/kendo-jquery-ui/documentation/controls/promptbox/tools
Summary: This article shows you how to configure the Kendo UI for jQuery PromptBox tools: add built-in items and custom buttons, control order and placement in the header or footer, set icons/text, and attach click handlers. It details the tools configuration syntax with examples for defining buttons and separators, enabling/disabling or hiding items, and handling tool events to implement actions like sending or clearing the prompt.

Article: https://www.telerik.com/kendo-jquery-ui/documentation/controls/promptbox/events
Summary: Learn how to handle Kendo UI for jQuery PromptBox events and subscribe to them via configuration or the bind API. The article covers lifecycle events (such as open and close) and user-action events, outlines the event arguments (for example, which button was clicked and the current input value), and shows how to read the input, react to actions, and optionally prevent closing for validation. Use the examples to implement validation, logging, and custom control flow around PromptBox interactions.

Article: https://www.telerik.com/kendo-jquery-ui/documentation/controls/promptbox/disabled
Summary: This article explains how the disabled state applies to the Kendo UI for jQuery PromptBox. The PromptBox is a modal utility and does not expose a disabled state or an enable/disable API—you can only open or close it. If you need to block interaction (e.g., disable inputs or buttons), control when you invoke the PromptBox or use a Kendo Dialog where you can manage individual elements.

Article: https://www.telerik.com/kendo-jquery-ui/documentation/controls/promptbox/overview
Summary: Use the Kendo UI for jQuery PromptBox to collect a single user input in a modal dialog, configuring the title, message, input field (placeholder and default value), and OK/Cancel actions. The overview shows how to initialize the PromptBox with jQuery, wire up events to handle the user response, and control it through its methods (for example, open and close) with concise code examples.

Article: https://www.telerik.com/kendo-jquery-ui/documentation/controls/promptbox/adornments
Summary: This article shows you how to configure PromptBox input adornments in Kendo UI for jQuery to add prefix and suffix elements such as icons or custom content around the prompt input. It explains how to combine multiple adornments before/after the input and outlines how adornments interact with component sizing, RTL, and theming to preserve layout and accessibility. Useful keywords: PromptBox adornments, prefix, suffix, icons, custom content, Kendo UI for jQuery, configuration.

Article: https://www.telerik.com/kendo-jquery-ui/documentation/controls/promptbox/appearance
Summary: Learn how to control the appearance of the Kendo UI for jQuery PromptBox using the built‑in Sass themes (Default, Bootstrap, Material) and the common styling API (size, rounded, fillMode, themeColor). You’ll see how to include and switch themes and swatches, use ThemeBuilder, and override Sass variables or component CSS selectors to customize the dialog, input field, and action buttons consistently.

Article: https://www.telerik.com/kendo-jquery-ui/documentation/controls/smartpastebutton/events
Summary: This article documents the Kendo UI for jQuery SmartPasteButton events and shows how to subscribe to them via the widget API or jQuery. It explains the event sequence and available arguments (including the pasted payload and metadata like content type and original DOM event), how to call preventDefault to override the default handling, and how to implement success and error handlers for different paste scenarios. Code examples illustrate binding/unbinding and accessing event data to route pasted content into your custom logic.

Article: https://www.telerik.com/kendo-jquery-ui/documentation/controls/smartpastebutton/overview
Summary: Learn how to initialize and configure the Kendo UI for jQuery SmartPasteButton to read clipboard content and paste it as sanitized text or HTML into a target element. You’ll set paste mode and content filtering options, handle paste-related events to inspect or transform data, and call the component’s API methods from your code.

Blog: https://www.telerik.com/blogs/jquery-4-support-whats-new-how-kendo-ui-has-you-covered
Summary: Learn what changes in jQuery 4 affect real apps—removal of long‑deprecated APIs (event shorthand methods, .andSelf, .bind/.delegate) and other tightened behaviors—and how they impact Kendo UI for jQuery widgets. The article lists which Kendo UI versions support jQuery 4 and provides a practical upgrade path: update to a supported Kendo UI release, move to jQuery 4, use jQuery Migrate to surface deprecations, replace deprecated calls, and re-test components.

---------------------------------------------------------------------------------------------------------------------------------------------------------

29 Jan to 05 Feb 2026: highlights of the new online resources that we published last week.

Article: https://www.telerik.com/kendo-jquery-ui/documentation/knowledge-base/dynamically-setting-step-value-kendo-chart-labels
Summary: Learn how to dynamically set axis label intervals in Kendo UI jQuery Charts by computing and applying categoryAxis.labels.step (and valueAxis.labels.step) at runtime. The article shows using render/resize events to calculate a step based on chart width and category count, then updating the chart via chart.setOptions to prevent label overlap.

Article: https://www.telerik.com/kendo-jquery-ui/documentation/knowledge-base/preventing-unsaved-changes-grid-filtering-searching
Summary: Explains how to prevent data loss from unsaved edits in a Kendo UI for jQuery Grid when users filter or use the toolbar search. You intercept filtering/searching (Grid filter/dataBinding events and the SearchBox), detect dirty state with dataSource.hasChanges() or an active edit row, then cancel the operation, prompt to save or discard, and optionally call dataSource.cancelChanges() before proceeding.

---------------------------------------------------------------------------------------------------------------------------------------------------------

19 Jan to 26 Jan 2026: highlights of the new online resources that we published last week.

Article: https://www.telerik.com/kendo-jquery-ui/documentation/knowledge-base/chart-shading-between-lines
Summary: Learn how to shade the area between two line series in a Kendo UI for jQuery Chart by adding a rangeArea series whose data points use the per-category min/max (from/to) values from the two lines. The article shows how to compute the range dataset, align categories, configure color/opacity and borders, and preserve the original line series and tooltips so the filled band accurately follows intersections and crossings.

Article: https://www.telerik.com/kendo-jquery-ui/documentation/controls/grid/export/excel-export-customization
Summary: Configure the Kendo UI for jQuery Grid excel options (fileName, allPages, filterable, proxyURL, forceProxy) to control the export scope and the generated .xlsx file. Handle the excelExport event to access e.workbook (kendo.ooxml.Workbook) and programmatically modify the workbook—add/remove rows and columns, set number formats and cell styles, adjust column widths, merge cells, and customize headers/footers—before saving. You can also include or exclude hidden columns and filters, and choose between exporting all pages or only the current view.

Article: https://www.telerik.com/kendo-jquery-ui/documentation/knowledge-base/remove-html-kendo-ui-jquery-grid-excel-export
Summary: Learn how to remove HTML tags from Kendo UI for jQuery Grid Excel exports so template-rendered cells export as plain text. You’ll hook into the excelExport event, iterate e.workbook.sheets[n].rows and cells, detect string values with markup, and replace each cell.value with stripped text (for example, via a temporary DOM element) to produce clean CSV/XLSX output.

Article: https://www.telerik.com/kendo-jquery-ui/documentation/knowledge-base/merging-rows-excel-export-kendo-ui-jquery-grid
Summary: Learn how to merge cells across adjacent rows in a Kendo UI for jQuery Grid Excel export by handling the excelExport event and modifying the generated workbook. The article walks you through computing contiguous ranges (for example, identical values in a column), adding them to sheet.mergedCells using Excel addresses like A2:A5, adjusting cell values/formatting as needed, and accounting for header rows when calculating row indices.

---------------------------------------------------------------------------------------------------------------------------------------------------------

05 Jan to 12 Jan 2026: highlights of the new online resources that we published last week.

Article: https://www.telerik.com/kendo-jquery-ui/documentation/controls/map/azure-tiles
Summary: Configure the Kendo UI for jQuery Map to use Azure Maps raster tiles by adding a tile layer whose urlTemplate targets the Azure Maps tile endpoint with your subscription key. You’ll map the Kendo template tokens (#= zoom #, #= x #, #= y #) to Azure’s z/x/y parameters, choose a tilesetId (for example microsoft.base.road or microsoft.imagery), and set attribution, 256 tile size, and zoom bounds, with notes on Azure Maps key usage and allowed domain restrictions.

Article: https://www.telerik.com/kendo-jquery-ui/documentation/controls/grid/binding/web-api-binding
Summary: You bind the Kendo UI for jQuery Grid to ASP.NET Web API by including kendo.webapi.js and setting the DataSource type to "webapi". You configure RESTful transport (GET, POST, PUT, DELETE), enable serverPaging/serverSorting/serverFiltering, and define the schema/model so the Grid sends paging, filtering, and sorting parameters correctly and reads the data and total count from the API response.

Article: https://www.telerik.com/kendo-jquery-ui/documentation/knowledge-base/instantiate-kendo-ui-jquery-mediaplayer-mvvm
Summary: You will learn how to instantiate the Kendo UI for jQuery MediaPlayer in an MVVM view when data-role initialization is not supported by creating a custom MVVM binder that constructs the widget and binds an observable media object to its options. The article shows how to keep the player synchronized with the view model by reacting to changes and calling setOptions for properties like source, poster, autoPlay, and mute.

Article: https://www.telerik.com/kendo-jquery-ui/documentation/knowledge-base/combine-toolbar-functions-dropdown-kendo-ui-jquery-spreadsheet
Summary: Learn how to customize the Kendo UI for jQuery Spreadsheet toolbar to combine common functions into a single dropdown that inserts formulas into the active cell (e.g., SUM, AVERAGE, COUNT, MIN, MAX). You’ll configure a custom toolbar item and wire its selection events to the Spreadsheet API so each dropdown item applies the corresponding formula to the current selection or range.

---------------------------------------------------------------------------------------------------------------------------------------------------------

22 Dec to 29 Dec 2025: highlights of the new online resources that we published last week.

Article: https://www.telerik.com/kendo-jquery-ui/documentation/knowledge-base/displaying-blank-items-as-blank-in-kendo-ui-for-jquery-multiselect
Summary: Learn how to make empty-string or null items display as visually blank in the Kendo UI for jQuery MultiSelect, both in the dropdown list and in the selected tags. You’ll customize itemTemplate and tagTemplate to conditionally render a non-breaking or zero‑width space for blank values so items remain selectable without showing “undefined” or placeholder text.

---------------------------------------------------------------------------------------------------------------------------------------------------------

15 Dec to 22 Dec 2025: highlights of the new online resources that we published last week.

Article: https://www.telerik.com/kendo-jquery-ui/documentation/knowledge-base/filemanager-azure-blob-storage
Summary: Learn how to connect the Kendo UI for jQuery FileManager to Azure Blob Storage by implementing server-side endpoints that map the FileManager transport (read, create folder, upload, delete, download) to Azure Storage SDK operations. You’ll list blobs by prefix and return the expected FileManager schema, handle virtual folders and recursive deletes, generate SAS URLs for secure downloads/uploads, configure CORS, and wire up the client-side DataSource to those endpoints.

Article: https://www.telerik.com/kendo-jquery-ui/documentation/knowledge-base/change-contextmenu-item-text-kendo-ui-jquery-grid
Summary: Explains how to dynamically change a Kendo UI for jQuery ContextMenu item’s text when the menu is bound to a Grid. You handle the ContextMenu open event, get the clicked row’s dataItem from the Grid, locate the target menu item (by id or index), and update its label via the API or by setting the .k-link text. This enables context-aware labels (for example, including the row’s field values) at runtime.

---------------------------------------------------------------------------------------------------------------------------------------------------------

01 Dec to 08 Dec 2025: highlights of the new online resources that we published last week.

Article: https://www.telerik.com/kendo-jquery-ui/documentation/knowledge-base/show-week-number-scheduler-timeline-month-views
Summary: This article shows how to display week numbers in the Kendo UI for jQuery Scheduler Timeline and Month views by customizing the rendered header in the dataBound/navigate events. It computes ISO (or culture-specific) week numbers for the visible dates using kendo.date utilities and injects them into the DOM so the week labels stay in sync as the user navigates or resizes.

---------------------------------------------------------------------------------------------------------------------------------------------------------

24 Nov to 01 Dec 2025: highlights of the new online resources that we published last week.

Article: https://www.telerik.com/kendo-jquery-ui/documentation/knowledge-base/compact-number-formatting
Summary: Learn how to format numbers in compact notation (K, M, B) in Kendo UI for jQuery using Intl.NumberFormat with notation: "compact" and a reusable formatter function. The article shows how to integrate the formatter into Grid column templates, Chart labels, and other widget templates with culture-aware output and precision control, and notes browser support considerations. Use it to keep numeric displays concise without changing the underlying data.

Article: https://www.telerik.com/kendo-jquery-ui/documentation/knowledge-base/automatic-scrolling-taskboard-drag-drop
Summary: Learn how to add automatic scrolling to the Kendo UI jQuery TaskBoard during card drag-and-drop. You detect the pointer near the column or TaskBoard container edges and programmatically adjust scrollTop/scrollLeft (e.g., via a timer or requestAnimationFrame) while the drag is active to enable vertical and horizontal scrolling. The article wires this logic into the TaskBoard’s drag/sort events so you can reliably move cards to off-screen targets across long columns.

---------------------------------------------------------------------------------------------------------------------------------------------------------

10 Nov to 17 Nov 2025: highlights of the new online resources that we published last week.

Article: https://www.telerik.com/kendo-jquery-ui/documentation/ai-components
Summary: Integrate Kendo UI for jQuery AI components—AI Prompt and AI Chat—with LLM providers (OpenAI, Azure OpenAI, custom endpoints) through a backend proxy. The article explains configuration and event handling (prompt templates, system messages, streaming responses, conversation history, request/response/error events) and covers API key security to implement AI chat and prompt workflows in your app.

Article: https://www.telerik.com/kendo-jquery-ui/documentation/knowledge-base/kendo-ui-clear-icon-span
Summary: This article explains how Kendo UI for jQuery renders the clear (x) icon as a span inside input widgets and how to reliably target it. You will learn how to enable or disable the clear button and use CSS/JavaScript to hide, style, or reposition the generated icon span to avoid overlap or alignment issues in TextBox, ComboBox, DropDownList, and DatePicker widgets.

Article: https://www.telerik.com/kendo-jquery-ui/documentation/controls/sortable/accessibility/overview
Summary: This article outlines the accessibility behavior of the Kendo UI for jQuery Sortable, covering WCAG 2.2/Section 508 targets, WAI-ARIA semantics, focus management, and screen reader considerations. It clarifies keyboard interaction and known limitations of drag-and-drop, and guides you on structuring markup and configuration to achieve an accessible sorting experience.

Article: https://www.telerik.com/kendo-jquery-ui/documentation/controls/dropdowntree/binding/load-on-demand
Summary: Configure the Kendo UI for jQuery DropDownTree to load child nodes on demand (lazy loading) from a remote endpoint when a node is expanded. Set loadOnDemand: true and bind a HierarchicalDataSource with transport.read, schema.model.id, and schema.model.hasChildren; pass the expanded node’s id to the server so it returns only that node’s children, reducing the initial payload for large hierarchies.

Article: https://www.telerik.com/kendo-jquery-ui/documentation/controls/sortable/accessibility/keyboard-navigation
Summary: This article documents keyboard navigation and accessibility for the Kendo UI for jQuery Sortable, showing how you focus the component, move between items, initiate reordering via keyboard, reposition items, drop, and cancel. It specifies the supported keyboard shortcuts plus the ARIA roles/attributes and focus management used to meet WCAG requirements and support screen readers, so you can implement and test accessible item reordering.

Article: https://www.telerik.com/kendo-jquery-ui/documentation/knowledge-base/fixing-bar-visibility-chart-long-labels
Summary: When long category axis labels in a Kendo UI for jQuery Bar/Column Chart consume too much space, the plot area can collapse and bars may appear hidden. Fix this by using categoryAxis.labels.visual to render wrapped or truncated labels within a fixed width and adjusting axis padding/margins, so the chart reserves bounded space for labels. The article includes sample code to measure text and draw multi-line labels, preserving bar visibility and label readability.

Article: https://www.telerik.com/kendo-jquery-ui/documentation/knowledge-base/stop-event-propagation-buttons-panelbar-header-contenturl
Summary: Learn how to prevent Kendo UI for jQuery PanelBar headers from expanding/selecting when clicking buttons placed in the header while using contentUrl. The article shows binding delegated handlers and calling e.preventDefault() and e.stopPropagation() on button click (and mousedown/touchstart if needed) so the event doesn’t bubble to the header anchor (.k-link), keeping header controls interactive without triggering PanelBar actions.

Article: https://www.telerik.com/kendo-jquery-ui/documentation/knowledge-base/preventing-auto-increment-dragging-kendo-ui-jquery-spreadsheet
Summary: Learn how to prevent auto-increment when dragging the fill handle in the Kendo UI for jQuery Spreadsheet by forcing drag-fill to copy the original value instead of creating a numeric/date series. You’ll intercept the Spreadsheet change event to detect drag-fill and programmatically reset the target range, with an option to hide the fill handle via CSS if you need to disable drag filling entirely.

---------------------------------------------------------------------------------------------------------------------------------------------------------

05 Nov to 10 Nov 2025: highlights of the new online resources that we published last week.

Article: https://www.telerik.com/kendo-jquery-ui/documentation/knowledge-base/customize-star-colors-kendo-ui-jquery-rating
Summary: The Kendo UI jQuery Rating does not expose a color option, so you customize star colors via CSS. Override the widget’s selectors for unselected, selected, and hover states to set your desired colors. The article shows the exact classes to target (e.g., .k-rating-item, .k-selected, .k-hover, .k-icon/.k-svg-icon) with sample rules.

---------------------------------------------------------------------------------------------------------------------------------------------------------

29 Oct to 05 Nov 2025: highlights of the new online resources that we published last week.

Article: https://www.telerik.com/kendo-jquery-ui/documentation/knowledge-base/custom-check-all-checkbox-kendo-jquery-dropdowntree
Summary: Learn how to add a custom “Check all” checkbox to a Kendo UI for jQuery DropDownTree and wire it to select or clear all nodes. The article shows rendering the control when the popup opens, accessing the internal TreeView to programmatically toggle the checked state for all items, and syncing the header checkbox (checked/indeterminate) by handling the widget’s check/change events.

Feel free to check them out and share your thoughts!

The Telerik Team

Telerik
Top achievements
Rank 1
Iron
 updated question on 16 Feb 2026
0 answers
3 views

Date Header displays an incorrect value "12:00 AM" in every slot when majorTickis set to "full day" (1440) in timeline views. 


<script>
    $(function () {
        $("#scheduler").kendoScheduler({
            date: new Date("2025/6/13"),
            eventHeight: 50,
            majorTick: 1440,
            views: [ "timeline", "timelineWeek", "timelineWorkWeek", "timelineMonth"],
            timezone: "Etc/UTC",
            dataSource: {
                batch: true,
                transport: {
                    read: {
                        url: "https://demos.telerik.com/service/v2/core/meetings"
                    },
                    update: {
                        url: "https://demos.telerik.com/service/v2/core/meetings/update",
                        type: "POST",
                        contentType: "application/json"
                    },
                    create: {
                        url: "https://demos.telerik.com/service/v2/core/meetings/create",
                        type: "POST",
                        contentType: "application/json"
                    },
                    destroy: {
                        url: "https://demos.telerik.com/service/v2/core/meetings/destroy",
                        type: "POST",
                        contentType: "application/json"
                    },
                    parameterMap: function (options, operation) {
                        if (operation !== "read" && options.models) {
                            return kendo.stringify(options.models);
                        }
                    }
                },
                schema: {
                    model: {
                        id: "meetingID",
                        fields: {
                            meetingID: { from: "MeetingID", type: "number" },
                            title: { from: "Title", defaultValue: "No title", validation: { required: true } },
                            start: { type: "date", from: "Start" },
                            end: { type: "date", from: "End" },
                            startTimezone: { from: "StartTimezone" },
                            endTimezone: { from: "EndTimezone" },
                            description: { from: "Description" },
                            recurrenceId: { from: "RecurrenceID" },
                            recurrenceRule: { from: "RecurrenceRule" },
                            recurrenceException: { from: "RecurrenceException" },
                            roomId: { from: "RoomID", nullable: true },
                            attendees: { from: "Attendees", nullable: true },
                            isAllDay: { type: "boolean", from: "IsAllDay" }
                        }
                    }
                }
            },
            group: {
                resources: ["Rooms"],
                orientation: "vertical"
            },
            resources: [
                {
                    field: "roomId",
                    name: "Rooms",
                    dataSource: [
                        { text: "Meeting Room 101", value: 1, color: "#2572c0" },
                        { text: "Meeting Room 201", value: 2, color: "#f8a398" }
                    ],
                    title: "Room"
                },
                {
                    field: "attendees",
                    name: "Attendees",
                    dataSource: [
                        { text: "Alex", value: 1 },
						{ text: "Bob", value: 2 },
						{ text: "Charlie", value: 3 }
                    ],
                    multiple: true,
                    title: "Attendees"
                }
            ]
        });
    });
</script>

 

Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
 asked on 16 Feb 2026
1 answer
8 views

Hi, please see the file view icons demoed on this page: https://demos.telerik.com/kendo-ui/filemanager/index

Clicking on 'Grid View' displays the FIle List view and vice versa, which is what we are seeing when implemented also.

The screenshot of the control seems to display the action of the icons correctly: https://www.telerik.com/kendo-jquery-ui/documentation/controls/filemanager/overview 

 

Eyup
Telerik team
 answered on 15 Feb 2026
0 answers
13 views

Hi,

In version 2026.1.212 Kendo Chat is no longer calling the suggestionsTemplate method.

I am following your example on how to make a own suggestionsTemplate here:
https://www.telerik.com/kendo-jquery-ui/documentation/api/javascript/ui/chat/configuration/suggestionstemplate

I made a Kendo Dojo UI from your example:
https://dojo.telerik.com/DmuxfMWh

As you can see the method is never called.

 

Douglas
Top achievements
Rank 1
Iron
 asked on 13 Feb 2026
0 answers
8 views

In Kendo Scheduler Angular,

Date Header displays an incorrect value when slotduration is set to "full day" in timeline month view. it should not display 12:00 AM in each slot.

 <kendo-scheduler
      [kendoSchedulerBinding]="events"
      [selectedDate]="selectedDate"
      [slotDuration]="1440"
    >
      <kendo-scheduler-timeline-month-view>
      </kendo-scheduler-timeline-month-view>
    </kendo-scheduler>

.

 

Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
 asked on 13 Feb 2026
1 answer
15 views

is it possible to add a key/value  pair array  for datasource for DropDownList

The guide here shows how to add a value/array as the datasource.

<input id="dropdownlist" />
<script>
$("#dropdownlist").kendoDropDownList({
  dataSource: {
    data: ["One", "Two"]
  }
});
</script>

However I need something like this. i.e a key/value pair.

i.e I need to display the key in the dropdown but return the value if the dropdown is selected.

<input id="dropdownlist" /><script>
$("#dropdownlist").kendoDropDownList({
  dataSource: {
    data: [{email: 'one'} , {email: 'Two'}],
    dataTextFiled: "email",
    dataValueField: "email"
  }
});
</script>

 

Eyup
Telerik team
 answered on 11 Feb 2026
1 answer
23 views

Hi,

Kendo Chat with skipSanitization: true are still changing the messages so the outputted html breaks since it get A href tag inserted in bad places.

For example if I try to render an img tags it gets broken since a new A tag are being inserted in it so the html in the output message are invalid.

If the "src" url of the image tag doesnt starts with "https:" then it works. So now I need to do something like this to get it working:

let url = "https://demos.telerik.com/kendo-ui/content/web/Customers/LONEP.jpg";
url = url.replace("https:", "");
// becomes "//demos.telerik.com/kendo-ui/content/web/Customers/LONEP.jpg"

Same issue with A href tags url. If they contains a query string then they also became broken. This can also be fixed by removing https: so they just start with //. Works until you have www in them, then it will never work.

Here is examples of this issue:
https://dojo.telerik.com/RrwHKAfv

I  want to use a markdown parser (https://www.npmjs.com/package/marked) with DOMPurify.sanitize for my chat but doenst really work right now.

Am I doing something wrong or have I missunderstood what "skipSanitization: true" means?

Best Regards,
Douglas

Viktor Tachev
Telerik team
 answered on 11 Feb 2026
1 answer
21 views

I am trying to implement keyboard only navigation on a web application I am developing to meet accessibility requirements. I am running into problems with the Kendo Grid. 

Here is a dojo: https://dojo.telerik.com/KUcMekCh

I have a grid with 2 locked columns with a button in the first column and a hyperlink in the second column, the other columns just have text. I set navigatable to true. None of my fields are editable.

When the user tabs to the grid, they first get the search bar in my custom grid toolbar. Next they tab to the button (which happens to be a bootstrap dropdown menu but I don't think that is relevant). Here is where the issues start:

  1. They then hit tab again and sometimes are taken to the hyberlink while other times they are taken to the next row, skipping column 2's hyperlink. 
  2. The grid does not always enter Kendo's navigation mode. When it doesn't, there is no way for the user to interact with the column header which has the sort and tooltip buttons in it.
  3. When they get to the bottom of the grid, the locked side will scroll vertically but the unlocked side remains in place, causing the rows to be misaligned.
  4. When an input cell is in the unlocked portion of the table, the user has to tab through the entire list before getting back to editing the input for a row. This isn't logical.
  5. I worry that if there were editable cells, which some of my grids have, the user won't be able to tab to the next editable cell and instead will be forced to navigate through every cell. I don't want to make it more difficult for a normal user in order to accommodate a keyboard only user so there needs to be a way for both to work well.
  6. Often the focus ends up on the unlocked table which attempts to put a blue outline around that, however, the outline isn't fully visible since that is inside of a scrollable div.
  7. You can click into a cell with navigatable set to true and then use the navigation but that doesn't work for a keyboard only user.
  8. When navigatable is not turned on, the user cannot scroll vertically if they tab to the table.
Nikolay
Telerik team
 answered on 09 Feb 2026
1 answer
17 views

Hi,

The switch is very tiny!

Best regards,

Laurent.

Nikolay
Telerik team
 answered on 09 Feb 2026
1 answer
19 views

Hi,

What the hell is that bug with multiselect on last release?

Just type-in text of one list entry, select and admire...

Best regards,

Laurent.

Neli
Telerik team
 answered on 09 Feb 2026
Narrow your results
Selected tags
Tags
Grid
General Discussions
Charts
Data Source
Scheduler
DropDownList
TreeView
MVVM
Editor
Window
DatePicker
Spreadsheet
Upload
ListView (Mobile)
ComboBox
TabStrip
MultiSelect
AutoComplete
ListView
Menu
Templates
Gantt
Validation
TreeList
Diagram
NumericTextBox
Splitter
PanelBar
Application
Map
Drag and Drop
ToolTip
Calendar
PivotGrid
ScrollView (Mobile)
Toolbar
TabStrip (Mobile)
Slider
Button (Mobile)
Filter
SPA
Drawing API
Drawer (Mobile)
Globalization
LinearGauge
Sortable
ModalView
Hierarchical Data Source
Button
FileManager
MaskedTextBox
View
Form
NavBar
Notification
Switch (Mobile)
SplitView
ListBox
DropDownTree
PDFViewer
Sparkline
ActionSheet
TileLayout
PopOver (Mobile)
TreeMap
ButtonGroup
ColorPicker
Pager
Styling
Chat
MultiColumnComboBox
Dialog
DateRangePicker
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Accessibility
Effects
PivotGridV2
ScrollView
Switch
BulletChart
Licensing
QRCode
ResponsivePanel
TextArea
Wizard
CheckBoxGroup
Localization
Barcode
Breadcrumb
Collapsible
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
TaskBoard
Popover
DockManager
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
TimePicker
BottomNavigation
Ripple
SkeletonContainer
Avatar
Circular ProgressBar
FlatColorPicker
SplitButton
Signature
Chip
ChipList
VS Code Extension
AIPrompt
PropertyGrid
Sankey
Chart Wizard
OTP Input
SpeechToTextButton
InlineAIPrompt
StockChart
ContextMenu
DateTimePicker
RadialGauge
ArcGauge
AICodingAssistant
+? more
Top users last month
Cynthia
Top achievements
Rank 1
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
yw
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Cynthia
Top achievements
Rank 1
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
yw
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?