Telerik Forums
Kendo UI for jQuery Forum
1 answer
110 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
37 views

Hi,

The switch is very tiny!

Best regards,

Laurent.

Nikolay
Telerik team
 answered on 09 Feb 2026
1 answer
38 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
1 answer
36 views

Hi

Can Kendo diagram support drawing from a plain text format - maybe markdown driven - like mermaid.js ?

or do you have any sample code that can adapt?

Thanks

Chris

Viktor Tachev
Telerik team
 answered on 28 Jan 2026
1 answer
51 views

I have a kendo grid with several columns. The grid has in-cell editing enabled. I need the user to be able to press the tab key and ONLY tab between cells with focusable elements (such as a button) or editable cells. How would I accomplish this? 

Note: the solution here does not work when you have grouped or filtered rows. 

https://www.telerik.com/kendo-jquery-ui/documentation/knowledge-base/skip-non-editable-cells-when-tabbing

Joven
Top achievements
Rank 2
Iron
 answered on 26 Jan 2026
1 answer
41 views

Would like to check on how to achieve the following

  • Having a custom button/control to allow user to add a placeholder for youtube video with the following requirements, when in editor when show some short of placeholder where user can enter the youtube link. when displaying the content out on a page, the placeholder will become an iframe to show the video
  • for image upload, how do i integrate to MS SQL Database such that all uploads will be saved to the DB, user will also be able to select image previously uploaded by other users
Anton Mironov
Telerik team
 answered on 26 Jan 2026
1 answer
43 views

I have a grid with a local data source and some editable cells. When a user changes one of the cell's values, it needs to run a few different api calls to get the new values for some of the other cells and then display those. The problem is that when I call .set("fieldName", "value") inside the save command, I get an endless loop. How do I fix this? I have attached a Dojo showing what I mean. If you change the name in the Dojo, the age and DOB should change to something else (I know my example is a little silly given the fields but this is just an example, my real fields are different). Instead, I get an endless loop in the console. 

https://dojo.telerik.com/wmQNdSaZ

Anton Mironov
Telerik team
 answered on 22 Jan 2026
1 answer
27 views

Hello Kendo UI team,

We are using Kendo UI for jQuery Spreadsheet and have encountered a border rendering issue that can be reproduced with a very simple setup and no custom configuration.


Reproduction steps

  1. Initialize a basic Spreadsheet with default options.

  2. Select the range A1:C3.

  3. Apply borders to the selected cells (for example, all borders).

  4. Select row 3 and delete the row.


Actual result

After deleting row 3:

  • The top border of cell B1 disappears.

  • Other borders remain unchanged.

  • The final border state becomes visually inconsistent and unexpected.

The attached screenshots (step1 → step4) show the full process and the resulting issue.


Expected result

  • Borders explicitly applied by the user should remain intact.

  • Deleting row 3 should not affect the top border of B1, since that cell is not part of the deleted row.


Request

Is there any solution or workaround for this behavior?

Thank you very much for providing such a powerful and well-designed UI library. We really appreciate the work behind Kendo UI and would love to continue using the Spreadsheet component.

Viktor Tachev
Telerik team
 answered on 20 Jan 2026
1 answer
32 views

Hello Kendo UI team,

We are using Kendo UI for jQuery Spreadsheet and have encountered a border rendering issue that can be reproduced with a very simple setup and no custom configuration.


Reproduction steps

  1. Initialize a basic Spreadsheet with default options.

  2. Select the range A1:C3.

  3. Apply borders to the selected cells (for example, all borders).

  4. Select row 3 and delete the row.


Actual result

After deleting row 3:

  • The top border of cell B1 disappears.

  • Other borders remain unchanged.

  • The final border state becomes visually inconsistent and unexpected.

The attached screenshots (step1 → step4) show the full process and the resulting issue.


Expected result

  • Borders explicitly applied by the user should remain intact.

  • Deleting row 3 should not affect the top border of B1, since that cell is not part of the deleted row.


Request

Is there any solution or workaround for this behavior?

Thank you very much for providing such a powerful and well-designed UI library. We really appreciate the work behind Kendo UI and would love to continue using the Spreadsheet component.

Viktor Tachev
Telerik team
 answered on 20 Jan 2026
1 answer
101 views
If I import an excelfile, where cells have text with overflow into the next cell, the excel file will show the overflowing text. The spreadsheet editor is hiding overflowing text behind the following cell.

Is it possible to format the spreadsheet to show overflowing cell content like in excel?

I know, Excel is showing overflowing content only, if the following cells are ampty - but this is exactly what we face. There are a bunch of excelfiles to process in our application, where people didn't care about formating cells with overflowing content. We just want to show this content like excel.
Neli
Telerik team
 updated answer on 12 Jan 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
Licensing
ScrollView
Switch
TextArea
BulletChart
QRCode
ResponsivePanel
Wizard
CheckBoxGroup
Localization
Barcode
Breadcrumb
Collapsible
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
TaskBoard
Popover
DockManager
TimePicker
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
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
SmartPasteButton
PromptBox
SegmentedControl
+? more
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?