If you open the popup of the above components and resize the browser window with the popup still opened, the component is being resized according to the window size but the popup keeps its initial width.
The above scenario can be observed on this link: https://dojo.telerik.com/ovOTUDeV
The following typings are missing in @types/kendo-ui version 2019.3.0
We are currently in the process of converting our site from using RadAjax controls into Kendo UI controls. We use a lot of drop downs (single select and multi select). While working with the Kendo UI controls, we saw that there were no multi select drop down controls available. There is a multi select control, however it uses a 'token' style and is not a control that we can use in our environment. There should be a multi select drop down control similar to the control used in RadAjax framework.
Please provide keyboard shortcut & navigation to open a cell lookup list (menu) & for traversing menu items as shown below;
In Excel Alt+up or Alt+down arrow keys work for the same but in Kendo UI Jquery - spreadsheet , these keys are not working.
We would like the Kendo editor to provide more wysiwyg settings on headers in order to maintain accessibility standards for users. We need tables to default to data tables and not layout tables to meet accessibility checker standards.
When using the Kendo editor in Sitefinity, checking the "Associate cells with headers" box, nothing happens and I am not sure what steps need to be taken to associate them since that is the only setting in the table wizard that mentions headers. The only way to create headers is to go into the HTML and add them, this is not ideal for our users to have to do. This also creates an accessibility concern since all tables created default to layout tables versus data tables (in third-party accessibility checker), even when the table should be marked as a data table.
We need this MVC wysiwyg editor to fully function like it's webforms counterpart. As newer users to Sitefinity we were encouraged/directed to use MVC as the product was transitioning to this model from webforms. Unfortunately, not all of the tools transitioned to MVC retained all the functionality of their webform counterpart.
Steps to reproduce:
1. Run the dojo, let the comobox list load and let it select the default item ('Oulu' in this case).
2. start typing 'Madrid' in the input field of the combobox.
3. press Tab key and observe behavior.
As a suggestion from the response that I've got from Ivan Danchev, I'm raising a new feature to enable/disable columns auto-resize in the the treelist of the gantt chart. Currently the columns width is "static" when it is defined in the column configuration. It'll be great if the columns are resized automatically depending on the length of content in the columns.
This is just a general question in relation to Kendo UI. Does the Kendo UI component from the DevCraft susbcription has a wrapper for expressjs/nodejs
If not, there is any plan to add this to the library
The mobile material theme does not apply specific styles to a button that has the "km-primary" class. Compare to the Nova mobile theme, which does have specific rules that use ".km-primary" selector.
CSS rules that use the ".km-primary" selector should be added to the theme.
When using a grid with locked columns if the unlocked area is scrollable once scrolled horizontally the resize handle keeps it's original absolute positioning and doesn't respect the change in scroll.
When hovering over the edge of the column I can no longer see the resize handle. I can hover to the left where it would have been with no scrolling and then see it.
On DOM inspection I see the event to update the handle's position STILL FIRES when hovering the edge of a column header, but the position is based on scrollLeft() === 0.
I will assume the needed left position for each column is calculated on creation but is not re-calculated for horizontal scroll.
This can be reproduced in the live demos on Telerik's site.
We need the ability to merge grid rows with the same values (see attached). This is a feature our customers have come accustom to with our Windows UI and the Developer Express toolkit. I understand I can manipulate the rowTemplate to achieve similar results but it is my understanding this will cause issues with row selection, editing, etc... Is this something that can be introduced in the future?
1 - when use bootstrap v4 theme, ddl does not handle long names gracefully, please find in attachment example in bootstrap v4 & silver themes, also here are the dojo exaples
2 - for grid and separate controls validation message has diff view
should be the same
I am working extensively with Kendo UI Drawing API, specifically with drawDOM and exportPDF methods. I encountered a strange issue, which leads to the generation of corrupt PDF files.
After several attempts to analyze the problem, I found a small piece of code that allows to systematically reproduce the issue. You can find the code as attached.
Opening the example page with Chrome browser I got a corrupted PDF file, while Internet Explorer seems to generate a valid PDF file starting from the same source page.
Checking with an online PDF validator, the file generated by Chrome exploits this validation error:
“The content stream contains an invalid operator.
The operator has an invalid number of operands.”
I’m not skilled with PDF internals, but comparing the valid file of IE and the invalid file of Chrome, I noticed that an “infinite” value appears in the invalid PDF.
The row in the valid PDF is “1 0 0 -1 -9494.7900391 -9965.5996094 cm“, while the same row in the invalid PDF is “1 0 0 -1 Infinity Infinity cm”.
I noticed that the presence of an “Infinite” value is the common behavior whenever the corrupt PDF problem occurs.
We recently raised a ticket: 1424874.
We would like to request this ability to be added as a feature.
An error is thrown in the browser's console when pasting text + image from Word into the Kendo UI Editor: "Not allowed to load local resource: file:///C:/Users/..."
This is due to the inability of the browser to access the image file, located on the client machine.
The explanation of the above is the following. If you test the following sample (note, that it does not use Kendo) in Chrome, and try to paste text + image in the contenteditable <div>, you will observe the same error. The Editor also renders its content in an editable div element. The browser does not recognize that the user attempts to paste an image. Instead of reading the image data and loading it as a base64 string to the src attribute of the <img> element it generates an <img> tag which points to the clipboard location of the file on the client machine. As the browser is not allowed to access such resource, it trows the error observed and the image is not rendered.
To resolve this issue, when pasting only an image (no text), the Editor has its own internal implementation. Therefore, the user is able to paste images (e.g. clicking on the image in Word->Ctrl +C->then Ctrl + V in the Editor). However, when pasting it together with text, the widget does recognize the text and does not apply the custom processing aimed to convert the image. Therefore the native browser behavior of pasting images is exhibited.
I am currently experiencing an issue between the Kendo ContextMenu and the Kendo EditorFor. When I open the ContextMenu inside of the EditorFor it display offset relative to the cursor, both the left and top values are completely incorrect relative to the editor.
Attached you will find a solution where this issue has been replicated, I removed the scripts folder in order to keep the file size small. I hope this can be fixed soon.
1. Open column menu
2. Using arrow keys, go to Filter menu item.
3. Hit right arrow to open Filter submenu
4. Tab through filter submenu
5. Hit escape.
Expected behaviour: Filter submenu closes and focus returns to the parent column menu
Actual behaviour: Both filter and column menu are closed.
This is an issue for accessibility users - there doesn't seem to be a way to return to the parent filter menu using the keyboard without closing all menus and reopening them.
There is one way for it to occur, and that is to use the mouse to place the focus on the Filter menu background - in this case hitting escape will close the Filter menu and focus will be returned to the parent column menu. However this is impractical for an accessibility user who is relying solely on keyboard navigation.
An example of where this (mostly) works is on the Columns submenu - the user can use the left arrow key or Escape to close the child menu or alternatively keep tabbing and they will eventually return to the parent menu (though if they do tab within the child menu, hitting Escape will close both the child and parent menus).
When I tried your framework, I found a lot of positive and useful components, but unfortunately in our conditions I can not fully use the components with virtualization, because they can not work without counting the number of records. I have a lot of data and any scrolling, page selection, components such as combobox, dropdownlist, pager, grid, etc., every time i have to count the total number, and the queries are complex, not just select * from. Performance drops immediately, imagine i'm scrolling through a combobox, where there are 6 million records, where on every page Iihave to do select count(*) from table .. join...join... where .... and add to that another 100 users that all scroll the same combobox, for example. It would be great to be able to simply load data page by page without counting the total, but remove invisible elements from the DOM if the number of pages loaded is greater than a certain number.
Some other commercial frameworks have similar things.
I would not like to look for other alternatives, because you have done a very good and high-quality work. Maybe there are workarounds to this problem?
I'm not just talking about the grid, such controls combobox, dropdown do not have the functionality of endless scrolling. I'd like to see something like
And you can find out when the interface should finish scrolling by an empty response from the server, when there is no more data.
Why not just scroll through the list, adding a portion of data without a total, if the next portion is empty, then finished.
You have even the library train sewn count number when calling ToDataSourceResult on IQueryable
Counting the number of rows on complex queries is a rather expensive operation.
I would very much like to see such functionality on your widgets
PS: I have already talked on this topic with your developers
If we make an input readonly it doesn't get validated and wee need it to be validated on a readonly datepicker.
In kend.all.min.js we have
and if i modify it by adding readonly like below
We need to make that code configurable because the workarounds concerining this problem it's buggy.